Pre-bundled Script tag for visual editor

[jdorn]

Features and Changes

Thin wrapper around our javascript SDK for easier visual editor integration through GTM or other low-code tools.

TODO:

• Bump Javascript SDK version and release on npm

Basic Usage

<script
  src="https://cdn.jsdelivr.net/npm/@growthbook/growthbook/dist/bundles/auto.min.js"
  data-client-key="sdk-abc123"
></script>

This will instantiate a GrowthBook instance and call loadFeatures(), kicking off any visual editor experiments.

Default Attributes

The following attributes are set automatically:

• id - creates a long-lived gbuuid cookie if it doesn't exist already
• url
• path
• host
• query
• deviceType - either mobile or desktop
• browser - one of chrome, edge, firefox, safari, or unknown
• utmSource
• utmMedium
• utmCampaign
• utmTerm
• utmContent

The UTM attributes are persisted in session storage so they will continue to be set even after page loads.

Default Tracking Callback

A default trackingCallback function will be set that fires both analytics.track (Segment) and dataLayer.push (GA4/GTM) events with the recommended event/property names.

URL Updating

We will poll the page every 500ms to check for URL changes. If detected, it will call gb.setURL() and update any URL-related attributes.

This is critical for SPAs since it allows visual editor experiments to reset and take effect automatically.

Customizing

In addition to passing context settings in data-* attributes, you can also define a window.growthbook_config object. This is useful for overriding non-string options like trackingCallback or attributes. You can mix and match the two as well:

<script>
window.growthbook_config={
  trackingCallback: (experiment, result) => {
    console.log(experiment, result);
  }
}
</script>
<script
  src="https://cdn.jsdelivr.net/npm/@growthbook/growthbook/dist/bundles/auto.min.js"
  data-client-key="sdk-abc123"
></script>

[github-actions]

Your preview environment pr-1773-bttf has been deployed.

Preview environment endpoints are available at:

• https://growthbook-3000-pr-1773-bttf.growthbook.okteto.dev
• https://growthbook-3100-pr-1773-bttf.growthbook.okteto.dev

[github-actions]

Deploy preview for docs ready!

✅ Preview
https://docs-gd2xoof7h-growthbook.vercel.app

Built with commit 32c1e80.
This pull request is being automatically deployed with vercel-action

[bttf]

code looks solid, just one comment regarding documentation