react-google-optimize

react-google-optimize

Helpers for Google Optimize A/B testing.

Install

``
npm i react-google-optimize
`

Usage

You must have Google Optimize added to your application.

`
import React from 'react';
import { Experiment, Variant } from 'react-google-optimize';

export default class App extends React.Component {
render() {
return(


Default variant


Variant 1


Variant 2


)
}
}
``

Experiment component

Props:

- name: the experiment name configured in Google Optimize.
- loadingComponent: a component to be rendered while the variants are being requested from Google Optimize.

Variant component

Props:

- default: sets this variant as the default. This value is used in case Google Optimize is not loaded or something fails.
- id: the variant id configured in Google Optimize.