Content Testing

Use content testing to show different site content per Test Group.

const SomeComponent = () => {
  const experimentId = '<EXPERIMENT_ID>';
  const testGroup = useIgTestGroup(experimentId);

  const DynamicComponent = useMemo(() => {
    if (testGroup.isReady) {
      if (testGroup.testGroup?.name === 'New Group 1') {
        return (
          <div>
            This component only renders if the Test Group is "New Group 1"
          </div>
        );
      } else {
        return (
          <div>
            This component only renders if the Test Groups is the Control Group
          </div>
        );
      }
    } else {
      // Intelligems configuration has not loaded yet, or
      // Intelligems configuration never requested
      return null;
    }
  }, [testGroup]);

  return <div>{DynamicComponent}</div>;
};