npm install react-use-google-optimize

useGoogleOptimize

useGoogleOptimize is a React Hook that makes it easy to initialize Google Optimize experiments and add variant dependent logic to your components. It is assumed that Google Optimize source and dataLayer are already initialised on the window.

$3

Note: variant defaults to 0 if an experiment is undefined.

``function Experiment() { const variant = useGoogleOptimize('XXXXXXXXXXXX');

return (


      { variant
        ? 
        : 
      }

)
}

$3

`function Experiment() { const variant = useGoogleOptimize('XXXXXXXXXXXX');

const messages = { '0': 'Default text', '1': 'Second Variant text', '2': 'Third Variant text', };

return ( ) }``