google-optimize-react-hooks
v0.0.6
Published
React Hook for Google Optimize, for better A/B testing
Downloads
17
Readme
Google Optimize React Hooks
Installation
npm i google-optimize-react-hooks
Usage
React
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 <OriginalExperiment />
}
if (variant === '1') {
return <ExperimentA />
}
...
}Don't forget to put the anti-flicker snippet code provided by Google Optimize in <HEAD> section of every page.