<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
</script>
<script>
  (function() {
    // Wait for the SDK to load before starting GrowthBook
    function startGrowthbook() {
      if (!window.growthbook) return;
      gtag('config', 'G-XXXXXXXXX', {
        'send_page_view': false
      });
      gtag('get', 'G-XXXXXXXXX', 'client_id', function(cid) {
        var gb = new growthbook.GrowthBook({
          apiHost: "<https://cdn.growthbook.io>",
          enableDevMode: true,
          clientKey: "sdk-XXXXXXXXXXXXXXXX",
          // TODO: Add decryptionKey if using encryption
          attributes: {
            id: cid// TODO: Read user/device id from a cookie/datalayer
          },
          trackingCallback: function(experiment, result) {

            gtag("event", "experiment_viewed", {
              event_category: "experiment",
              experiment_id: experiment.key,
              variation_id: result.variationId,
            });
            // TODO: track experiment impression
          }
        });
        gb.loadFeatures({ autoRefresh: true });

        // TODO: Instrument DOM with AB test logic
      });
    }
    if (window.growthbook) {
      startGrowthbook();
    } else {
      window.addEventListener("load", startGrowthbook);
    }
  })();
</script>