React Hook for Google Optimize, for better A/B testing
npm install google-optimize-react-hooksnpm i google-optimize-react-hooks
``js
import React from 'react';
import { useGoogleOptimizeSPA } from 'google-optimize-react-hooks';
function Home(props) {
const [loading, variant] = useGoogleOptimizeSPA(
'[experimentID]',
'[customEventName]'
);
if (loading) return null; // Or a loading indicator
if (variant === '0') {
return
}
if (variant === '1') {
return
}
...
}
`
Don't forget to put the anti-flicker snippet code provided by Google Optimize in
` section of every page.