@c15t/react 3.1.0 → 3.2.0-canary.0

package/docs/integrations/other-email-and-sms.md

@@ -0,0 +1,156 @@
+---
+title: Other email, SMS and marketing automation tools
+description: Consent-gated helpers for email, SMS and marketing automation tools
+  that don't need a full guide.
+icon: mail
+group: integrations
+---
+
+Each helper below loads its vendor only after the visitor allows the listed consent category. For setup, see [Integrations overview](./overview.md).
+
+## Attentive
+
+Attentive shows SMS and email signup units and tracks on-site events for its marketing messages. Waits for `marketing` consent.
+
+```ts title="src/consent-scripts.ts"
+import { attentiveTag } from '@c15t/integrations/attentive';
+
+export const scripts = [attentiveTag({ siteSlug: 'YOUR_SITE' })];
+```
+
+| Option      | Type     | Required | Description                                                                                                                       |
+| ----------- | -------- | -------- | --------------------------------------------------------------------------------------------------------------------------------- |
+| `siteSlug`  | `string` | Yes      | Site slug from your Attentive tag URL, `https://cdn.attn.tv/<siteSlug>/dtag.js`. Ask your Attentive contact if you don't have it. |
+| `scriptUrl` | `string` | No       | Exact tag URL from Attentive or your proxy.                                                                                       |
+
+**When consent is withdrawn:** c15t reloads the page, and the next page does not load the tag. Attentive has no supported way to stop a running tag, so keep `reloadOnConsentRevoked` on.
+
+* Some Attentive identifiers, such as `__attentive_id`, last up to 390 days. The reload does not delete them.
+
+## Customer.io
+
+Customer.io collects events and visitor identity on your site through its Data Pipelines JavaScript source, for use in its messaging. Waits for `marketing` consent.
+
+```ts title="src/customer-io.ts"
+import { customerIo } from '@c15t/integrations/customer-io';
+
+export const scripts = [customerIo({ writeKey: 'YOUR_WRITE_KEY' })];
+```
+
+| Option        | Type                      | Required | Description                                                       |
+| ------------- | ------------------------- | -------- | ----------------------------------------------------------------- |
+| `writeKey`    | `string`                  | Yes      | Write key of your Data Pipelines JavaScript source.               |
+| `region`      | `'us'` or `'eu'`          | No       | Region of the source. Defaults to `us`.                           |
+| `loadOptions` | `Record<string, unknown>` | No       | Options for the Customer.io loader, such as destination settings. |
+| `cdnUrl`      | `string`                  | No       | Origin of a proxy for the loader, source settings and SDK files.  |
+
+**When consent is withdrawn:** the helper calls `cioanalytics.reset()` to clear the stored identity, and c15t reloads the page. `reset()` is not an opt-out. It does not stop the SDK or destination SDKs from sending, so keep `reloadOnConsentRevoked` on.
+
+* The helper sends the first `page()` call itself. It always sets `initialPageview` to `false`, even if you pass `true`.
+* `cdnUrl` moves only the loader, settings and SDK files to your proxy. To proxy collected events too, set `apiHost` for the `Customer.io Data Pipelines` integration in `loadOptions`:
+
+```ts title="src/customer-io-proxy.ts"
+import { customerIo } from '@c15t/integrations/customer-io';
+
+export const proxiedScripts = [
+	customerIo({
+		cdnUrl: 'https://analytics.example.com',
+		loadOptions: {
+			integrations: {
+				'Customer.io Data Pipelines': {
+					apiHost: 'collect.example.com/v1',
+					protocol: 'https',
+				},
+			},
+		},
+		writeKey: 'YOUR_WRITE_KEY',
+	}),
+];
+```
+
+## Insider One
+
+Insider One runs personalized web campaigns and builds customer profiles from on-site behavior. Waits for `marketing` consent.
+
+```ts title="src/consent-scripts.ts"
+import { insiderTag } from '@c15t/integrations/insider';
+
+export const scripts = [
+	insiderTag({
+		currency: 'GBP',
+		pageType: {
+			type: 'category',
+			value: { breadcrumb: ['Clothing', 'Dresses'] },
+		},
+		partnerId: 'YOUR_PARTNER_ID',
+		partnerName: 'yourpartner',
+	}),
+];
+```
+
+| Option        | Type                      | Required | Description                                                                                       |
+| ------------- | ------------------------- | -------- | ------------------------------------------------------------------------------------------------- |
+| `partnerName` | `string`                  | Yes      | Public partner name from Insider.                                                                 |
+| `partnerId`   | `string`                  | Yes      | Public partner ID from Insider.                                                                   |
+| `user`        | `Record<string, unknown>` | No       | Current user attributes, such as `email`, `phone_number` and `custom`. Must be JSON-serializable. |
+| `currency`    | `string`                  | No       | Current currency, such as `'GBP'`. Set it on multi-currency sites.                                |
+| `pageType`    | `InsiderPageType`         | No       | Page definition from Insider's Web SDK guide. Defaults to `{ type: 'other' }`.                    |
+
+**When consent is withdrawn:** the helper pushes `gdpr_optin: false`, a neutral `other` page and `init`, then c15t reloads the page. Insider has no unload method, so keep `reloadOnConsentRevoked` on.
+
+* The helper sets `gdpr_optin` from consent and overrides any value in `user`. If you push `user` data to `InsiderQueue` yourself, set `gdpr_optin` too, because Insider treats a missing value as `true`.
+* The helper does not deduplicate purchases. Set `pageType: { type: 'purchase', ... }` only when your backend claims that order ID for the first time. Use `{ type: 'other' }` when the confirmation page reloads or opens again.
+
+## Marketo Munchkin
+
+Munchkin is Adobe Marketo's script for tracking known and anonymous leads on your site. Waits for `marketing` consent.
+
+```ts title="src/marketo.ts"
+import { marketoMunchkin } from '@c15t/integrations/marketo';
+
+export const scripts = [marketoMunchkin({ munchkinId: 'AAA-BBB-CCC' })];
+```
+
+| Option        | Type                      | Required | Description                                                           |
+| ------------- | ------------------------- | -------- | --------------------------------------------------------------------- |
+| `munchkinId`  | `string`                  | Yes      | Account ID from Marketo's installation snippet.                       |
+| `initOptions` | `Record<string, unknown>` | No       | Passed to `Munchkin.init`, for example `cookieAnon` or `anonymizeIP`. |
+| `category`    | consent condition         | No       | Replaces the default `marketing` condition.                           |
+| `scriptUrl`   | `string`                  | No       | Custom or proxied loader URL.                                         |
+
+**When consent is withdrawn:** c15t removes the loader and reloads the page. Munchkin has no API to stop tracking, so keep `reloadOnConsentRevoked` on.
+
+* `cookieAnon: false` stops Munchkin from creating cookies for new anonymous visitors. It is not a consent switch: visitors who already have a cookie are still tracked.
+* The `_mkto_trk` cookie lasts two years by default and survives the reload. The next page does not load Munchkin while consent is denied.
+
+## Salesforce Account Engagement
+
+Account Engagement, formerly Pardot, tracks visitors and prospects for Salesforce B2B marketing. Waits for `marketing` consent.
+
+```ts title="src/consent-scripts.ts"
+import { pardotTracking } from '@c15t/integrations/salesforce-pardot';
+
+export const scripts = [
+	pardotTracking({
+		piAId: '123456',
+		piCId: '654321',
+		piDomain: 'pi.pardot.com',
+	}),
+];
+```
+
+Replace `pi.pardot.com` in the example with your verified tracker domain.
+
+| Option       | Type                       | Required        | Description                                                                                           |
+| ------------ | -------------------------- | --------------- | ----------------------------------------------------------------------------------------------------- |
+| `piAId`      | `string` or `number`       | Yes             | Account ID from the tracking snippet.                                                                 |
+| `piCId`      | `string` or `number`       | Yes             | Campaign ID from the tracking snippet.                                                                |
+| `piDomain`   | `string`                   | In consent mode | Verified tracker domain, without a scheme or path.                                                    |
+| `mode`       | `'consent'` or `'classic'` | No              | `consent`, the default, uses the Tracking and Consent API. `classic` loads the older `pd.js` snippet. |
+| `piHostname` | `string`                   | No              | Tracker hostname in classic mode. Defaults to `pi.pardot.com`.                                        |
+
+**When consent is withdrawn:** in consent mode, the helper calls `pdt('revokeConsent')`. Classic mode has no revoke call. Keep `reloadOnConsentRevoked` on in both modes, because the reload is what stops the running tracker.
+
+* Turn on the Tracking and Consent API in Account Engagement before you use consent mode.
+* Copy `piAId` and `piCId` from the generated snippet as they are. They already include Salesforce's +1000 offset, and the helper does not add it again.
+* Do not call `clearTrackingCookies` after `revokeConsent`. It also deletes the cookie that records the refusal, so later page views can be tracked.

package/docs/integrations/other-experience.md

@@ -0,0 +1,222 @@
+---
+title: Experimentation and personalization tools
+description: Consent-gated helpers for experimentation and personalization tools
+  that don't need a full guide.
+icon: flask-conical
+group: integrations
+---
+
+Each helper below loads its vendor only after the visitor allows the listed consent category. For setup, see [Integrations overview](./overview.md).
+
+## Adobe Target
+
+Adobe Target runs A/B tests and personalizes page content. Waits for
+`experience` consent. Pick one mode per page: your self-hosted at.js file, or
+Adobe Experience Platform Web SDK.
+
+```ts title="src/consent-scripts.ts"
+import { adobeTarget } from '@c15t/integrations/adobe-target';
+
+export const scripts = [
+	adobeTarget({
+		mode: 'atjs',
+		scriptUrl: '/scripts/at.js',
+		targetGlobalSettings: { secureOnly: true },
+	}),
+];
+```
+
+```ts title="src/consent-scripts.ts"
+import { adobeTarget } from '@c15t/integrations/adobe-target';
+
+export const scripts = [
+	adobeTarget({
+		datastreamId: 'YOUR_DATASTREAM_ID',
+		mode: 'websdk',
+		orgId: 'YOUR_ORG_ID@AdobeOrg',
+		version: '2.30.0',
+	}),
+];
+```
+
+| Option                 | Type                | Required | Description                                                                                                                                  |
+| ---------------------- | ------------------- | -------- | -------------------------------------------------------------------------------------------------------------------------------------------- |
+| `mode`                 | `'atjs' \|'websdk'` | Yes      | Which Adobe SDK to load.                                                                                                                     |
+| `scriptUrl`            | `string`            | at.js    | URL of your self-hosted at.js file.                                                                                                          |
+| `targetGlobalSettings` | `object`            | No       | at.js settings such as `cookieDomain`, `secureOnly`, `bodyHidingEnabled` and `bodyHiddenStyle`. The helper always sets `optinEnabled: true`. |
+| `datastreamId`         | `string`            | Web SDK  | ID of a Target-enabled datastream.                                                                                                           |
+| `orgId`                | `string`            | Web SDK  | Organization ID, including `@AdobeOrg`.                                                                                                      |
+| `version`              | `string`            | Web SDK  | Exact Web SDK version, `2.21.0` or later.                                                                                                    |
+| `category`             | `HasCondition`      | No       | Consent condition to wait for. Defaults to `'experience'`.                                                                                   |
+
+**When consent is withdrawn:** with at.js, the helper calls
+`adobe.optIn.deny(adobe.OptInCategories.TARGET)` if the Opt-in service is on
+the page. With Web SDK, it sends `setConsent` with `'out'`. Neither undoes
+content Target already changed, so keep `reloadOnConsentRevoked` on.
+
+Remove Adobe's prehiding snippet when you use this helper. Without it, visitors
+see the original page first, then Target's changes once consent allows the
+SDK to load.
+
+* at.js has no Adobe CDN, so host the file yourself. Its opt-in API comes from
+  the Experience Cloud ID (ECID) Opt-in service, which the helper doesn't load.
+  Without it, only the page reload stops at.js.
+* Web SDK needs version 2.21 or later. The helper configures the SDK and sends
+  consent but never calls `sendEvent`. Gate your own `sendEvent` calls behind
+  the same consent.
+* Web SDK can be configured only once per page. Reload the page before you
+  mount the helper again or change its IDs, version or mode.
+
+## Appcues
+
+Appcues shows onboarding flows, tooltips and checklists inside your app. Waits
+for `experience` consent.
+
+```ts title="src/consent-scripts.ts"
+import { appcues } from '@c15t/integrations/appcues';
+
+export const scripts = [
+	appcues({
+		accountId: 'YOUR_APPCUES_ID',
+		onReady: () => {
+			// Read the signed-in visitor from your auth state here.
+			// Enable only with their real, unique, stable ID; skip if signed out.
+			// window.Appcues?.identify?.('CURRENT_USER_ID');
+			// After identify, enable with the visitor's real group ID if needed.
+			// window.Appcues?.group?.('CURRENT_GROUP_ID');
+			// After identify, track only an event that actually happened.
+			// window.Appcues?.track?.('Started onboarding');
+		},
+	}),
+];
+```
+
+| Option      | Type          | Required | Description                                                                                                                                                       |
+| ----------- | ------------- | -------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `accountId` | `string`      | Yes      | Account ID from your [Appcues install snippet](https://docs.appcues.com/install-appcues-web/install-the-appcues-sdk). A blank ID logs an error and skips loading. |
+| `region`    | `'us' \|'eu'` | No       | Account region. Defaults to `'us'`.                                                                                                                               |
+| `settings`  | `object`      | No       | `AppcuesSettings` to set before the SDK loads. Defaults to `{ enableURLDetection: true }`.                                                                        |
+| `onReady`   | `() => void`  | No       | Runs once after the SDK loads, while consent still allows it. Call `identify`, `group` and `track` here.                                                          |
+
+**When consent is withdrawn:** the helper calls `Appcues.reset()` and removes
+the loader, then c15t reloads the page. Keep `reloadOnConsentRevoked` on.
+`reset()` clears the user and any flow in progress, but the SDK keeps running
+until the reload.
+
+* Set `region: 'eu'` for an EU account. The SDK then loads from
+  `fast.eu.appcues.com` instead of `fast.appcues.com`.
+* Call `identify` from `onReady`, using the signed-in user's real, stable ID.
+  If the user signs in later, call `identify` from your auth handler, but first
+  check that `window.Appcues` exists and consent still allows Appcues.
+
+## Dynamic Yield
+
+Dynamic Yield personalizes pages and serves product recommendations. Waits for
+`experience` consent.
+
+```ts title="src/consent-scripts.ts"
+import { dynamicYield } from '@c15t/integrations/dynamic-yield';
+
+export const scripts = [
+	dynamicYield({
+		recommendationContext: { lng: 'en_GB', type: 'HOMEPAGE' },
+		region: 'eu',
+		sectionId: 'YOUR_SECTION_ID',
+	}),
+];
+```
+
+| Option                  | Type           | Required | Description                                                                                                                                                                  |
+| ----------------------- | -------------- | -------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `sectionId`             | `string`       | Yes      | Section ID from your [installation snippet](https://dy.dev/docs/implement-script). A blank ID logs an error and skips loading.                                               |
+| `region`                | `'us' \|'eu'`  | No       | Data center for the section. Defaults to `'us'`.                                                                                                                             |
+| `recommendationContext` | `object`       | No       | [Page context](https://dy.dev/docs/page-context) set before the scripts load, such as `{ type: 'PRODUCT', data: ['SKU-1'] }`. Your app updates it on client-side navigation. |
+| `category`              | `HasCondition` | No       | Consent condition to wait for. Defaults to `'experience'`.                                                                                                                   |
+
+After consent, the helper sets `DY.userActiveConsent = { accepted: true }`,
+loads `api_dynamic.js`, then loads `api_static.js`.
+
+**When consent is withdrawn:** the helper removes both scripts and sets
+`DY.userActiveConsent = { accepted: false }`. The SDK that already ran stays
+loaded, so keep `reloadOnConsentRevoked` on.
+
+* Ask Dynamic Yield Support to enable
+  [Active Cookie Consent](https://dy.dev/docs/active-cookie-consent) for your
+  section. Until they do, Dynamic Yield ignores the consent signal.
+* Use one section and region per page. Dynamic Yield keeps its consent and page
+  context on the page-wide `window.DY`.
+* Expect flicker. Dynamic Yield wants synchronous scripts in `<head>`. Loading
+  after consent, one script after the other, can show the original page before
+  a campaign applies.
+
+## Optimizely Web Experimentation
+
+Optimizely Web runs A/B tests and personalization by changing the page in the
+browser. Waits for `experience` consent.
+
+```ts title="src/consent-scripts.ts"
+import { optimizelyWeb } from '@c15t/integrations/optimizely';
+
+export const scripts = [optimizelyWeb({ projectId: '12345678' })];
+```
+
+| Option      | Type              | Required | Description                                                                                                                 |
+| ----------- | ----------------- | -------- | --------------------------------------------------------------------------------------------------------------------------- |
+| `projectId` | `string \|number` | Yes      | The number before `.js` in your snippet URL, from **Settings > Implementation**. Invalid IDs log an error and skip loading. |
+| `category`  | `HasCondition`    | No       | Consent condition to wait for. Defaults to `'experience'`.                                                                  |
+| `scriptSrc` | `string`          | No       | Custom or proxied snippet URL. Defaults to `https://cdn.optimizely.com/js/<projectId>.js`.                                  |
+
+**When consent is withdrawn:** c15t removes the snippet and reloads the page.
+Keep `reloadOnConsentRevoked` on. The running SDK can't be unloaded, so
+without the reload it keeps changing the page and sending events.
+
+* Expect flicker. Optimizely wants a parser-blocking snippet at the top of
+  `<head>`. c15t injects it with `async: false` after consent, which doesn't
+  block the parser, so visitors can see the original page before a variation
+  applies.
+* `optOutOptimizely()` from `@c15t/integrations/optimizely` sets Optimizely's
+  `optimizelyOptOut` cookie for ten years. Granting consent later in c15t
+  doesn't clear it, so the helper never calls it on revoke. Call it only for a
+  deliberate permanent opt-out, and clear the cookie yourself to undo it.
+
+## Wisepops
+
+Wisepops shows popups, bars, embeds and notification feeds on your site. Waits
+for `marketing` consent. The `experienceScripts` export below shows the
+`experience` alternative; register one of the two arrays.
+
+```ts title="src/consent-scripts.ts"
+import { wisepops } from '@c15t/integrations/wisepops';
+
+export const scripts = [wisepops({ siteId: 'YOUR_WISEPOPS_SITE_ID' })];
+
+export const experienceScripts = [
+	wisepops({
+		category: 'experience',
+		options: { browserStorage: true },
+		siteId: 'YOUR_WISEPOPS_SITE_ID',
+	}),
+];
+```
+
+| Option                   | Type                     | Required | Description                                                                                                       |
+| ------------------------ | ------------------------ | -------- | ----------------------------------------------------------------------------------------------------------------- |
+| `siteId`                 | `string`                 | Yes      | The `h` value in the loader URL from **Settings > Install Wisepops**. A blank ID logs an error and skips loading. |
+| `category`               | `HasCondition`           | No       | Consent condition to wait for. Defaults to `'marketing'`. Use `'experience'` if that fits your campaigns.         |
+| `options.autoPageview`   | `'url' \|'init' \|false` | No       | When Wisepops checks for campaigns. Defaults to `'url'`, which follows client-side navigation.                    |
+| `options.browserStorage` | `boolean`                | No       | `true` stores visitor data in localStorage instead of cookies.                                                    |
+
+The helper queues `defaultConsent: 'denied'`, loads Wisepops, then calls
+`wisepops('consent', 'granted')`.
+
+**When consent is withdrawn:** c15t removes the loader and reloads the page.
+Keep `reloadOnConsentRevoked` on. Wisepops has no way to revoke consent or shut
+down from code, so the reload is the only way to stop it.
+
+* Wisepops' own `denied` mode still shows campaigns, with session-only
+  cookies. This helper doesn't use it. It keeps Wisepops off the page until
+  consent, so don't install Wisepops a second time to get denied mode.
+* Wisepops integrates with Shopify Customer Privacy on its own, and this helper
+  doesn't sync c15t choices to Shopify. On a Shopify store, check Wisepops'
+  [consent mode](https://support.wisepops.com/en/articles/12679556-cookie-consent-mode)
+  settings and make sure a Shopify app doesn't load Wisepops outside c15t.

package/docs/integrations/overview.md

@@ -1,7 +1,8 @@
 ---
 title: Integrations
 description: Find all c15t integrations for analytics, tag managers,
-  advertising, email and SMS, chat and embedded content.
+  advertising, experimentation and personalization, email and SMS, chat and
+  embedded content.
 seoTitle: Cookie consent integrations for analytics and ads | c15t
 seoDescription: Connect analytics, ad pixels, chat widgets and embeds to your
   cookie banner. c15t has helpers for Google Tag Manager, Meta Pixel, PostHog,
@@ -53,11 +54,15 @@ kernel to control its DOM lifecycle. Embeds do not require `@c15t/integrations`.
 
 | Integration                                               | Helper                   | Category                                        | Loading behavior                                                                                     |
 | --------------------------------------------------------- | ------------------------ | ----------------------------------------------- | ---------------------------------------------------------------------------------------------------- |
+| [Lucky Orange](./other-analytics.md#lucky-orange)         | `luckyOrange`            | `measurement`                                   | Waits for effective permission                                                                       |
 | [Google Tag](./google-tag.md)                             | `gtag`                   | `measurement` or `marketing`                    | Always loads and signals Google consent by default; `loadMode: 'after-consent'` waits for permission |
+| [Pendo](./other-analytics.md#pendo)                       | `pendo`                  | `measurement`                                   | Waits for effective permission; stops and resumes event sending                                      |
 | [Ahrefs Analytics](./ahrefs-analytics.md)                 | `ahrefsAnalytics`        | `measurement`                                   | Waits for effective permission                                                                       |
 | [Adobe Analytics](./adobe-analytics.md)                   | `adobeAnalytics`         | `measurement`                                   | Waits for effective permission                                                                       |
 | [Amplitude](./amplitude.md)                               | `amplitude`              | `measurement`                                   | Waits for effective permission; opts the SDK out on revocation                                       |
 | [Cloudflare Web Analytics](./cloudflare-web-analytics.md) | `cloudflareWebAnalytics` | `measurement`                                   | Waits for effective permission                                                                       |
+| [RB2B](./other-analytics.md#rb2b)                         | `rb2b`                   | `marketing`                                     | Waits for effective permission                                                                       |
+| [Clay](./clay.md)                                         | `clay`                   | `marketing`                                     | Waits for effective permission                                                                       |
 | [Clearbit](./clearbit.md)                                 | `clearbit`               | `marketing`                                     | Waits for effective permission                                                                       |
 | [Microsoft Clarity](./microsoft-clarity.md)               | `clarity`                | `measurement`                                   | Gated initially; keeps the SDK and signals storage consent                                           |
 | [Databuddy](./databuddy.md)                               | `databuddy`              | `measurement`                                   | Always loads; switches the SDK's disabled flag                                                       |
@@ -77,37 +82,66 @@ kernel to control its DOM lifecycle. Embeds do not require `@c15t/integrations`.
 | [Segment](./segment.md)                                   | `segment`                | `measurement`                                   | Waits for effective permission                                                                       |
 | [Sentry](./sentry.md)                                     | `sentry`                 | `necessary`; Replay and user data `measurement` | Configurable; defaults to always loading and loads Replay after permission                           |
 | [Rybbit Analytics](./rybbit-analytics.md)                 | `rybbitAnalytics`        | `measurement`                                   | Waits for effective permission                                                                       |
+| [Statable](./other-analytics.md#statable)                 | `statableAnalytics`      | `measurement`                                   | Waits for effective permission                                                                       |
 | [Umami Analytics](./umami-analytics.md)                   | `umamiAnalytics`         | `measurement`                                   | Waits for effective permission                                                                       |
 | [Vercel Analytics](./vercel-analytics.md)                 | `vercelAnalytics`        | `measurement`                                   | Waits for effective permission                                                                       |
 | [Vercel Speed Insights](./vercel-speed-insights.md)       | `vercelSpeedInsights`    | `measurement`                                   | Waits for effective permission; drops reports after revocation                                       |
 
+## Experimentation and personalization
+
+| Integration                                                                            | Helper          | Category     | Loading behavior               |
+| -------------------------------------------------------------------------------------- | --------------- | ------------ | ------------------------------ |
+| [Adobe Target](./other-experience.md#adobe-target)                                     | `adobeTarget`   | `experience` | Waits for effective permission |
+| [Appcues](./other-experience.md#appcues)                                               | `appcues`       | `experience` | Waits for effective permission |
+| [Dynamic Yield](./other-experience.md#dynamic-yield)                                   | `dynamicYield`  | `experience` | Waits for effective permission |
+| [Optimizely Web Experimentation](./other-experience.md#optimizely-web-experimentation) | `optimizelyWeb` | `experience` | Waits for effective permission |
+| [Wisepops](./other-experience.md#wisepops)                                             | `wisepops`      | `marketing`  | Waits for effective permission |
+
 ## Chat and support
 
-| Integration                   | Helper      | Category        | Loading behavior               |
-| ----------------------------- | ----------- | --------------- | ------------------------------ |
-| [Crisp](./crisp.md)           | `crisp`     | `functionality` | Waits for effective permission |
-| [Front Chat](./front-chat.md) | `frontChat` | `functionality` | Waits for effective permission |
-| [Intercom](./intercom.md)     | `intercom`  | `functionality` | Waits for effective permission |
+| Integration                                                        | Helper          | Category        | Loading behavior               |
+| ------------------------------------------------------------------ | --------------- | --------------- | ------------------------------ |
+| [Ada](./other-chat-and-support.md#ada)                             | `ada`           | `functionality` | Waits for effective permission |
+| [Crisp](./crisp.md)                                                | `crisp`         | `functionality` | Waits for effective permission |
+| [Front Chat](./front-chat.md)                                      | `frontChat`     | `functionality` | Waits for effective permission |
+| [Gorgias Chat](./other-chat-and-support.md#gorgias-chat)           | `gorgiasChat`   | `functionality` | Waits for effective permission |
+| [Intercom](./intercom.md)                                          | `intercom`      | `functionality` | Waits for effective permission |
+| [Zendesk Messaging](./other-chat-and-support.md#zendesk-messaging) | `zendeskWidget` | `functionality` | Waits for effective permission |
 
 ## Email and SMS
 
-| Integration             | Helper    | Category                      | Loading behavior                                           |
-| ----------------------- | --------- | ----------------------------- | ---------------------------------------------------------- |
-| [Klaviyo](./klaviyo.md) | `klaviyo` | `marketing` and `measurement` | Waits for both; optional forms-only mode needs `marketing` |
+| Integration                                                                             | Helper            | Category                      | Loading behavior                                           |
+| --------------------------------------------------------------------------------------- | ----------------- | ----------------------------- | ---------------------------------------------------------- |
+| [Attentive](./other-email-and-sms.md#attentive)                                         | `attentiveTag`    | `marketing`                   | Waits for effective permission                             |
+| [Customer.io](./other-email-and-sms.md#customerio)                                      | `customerIo`      | `marketing`                   | Waits for effective permission                             |
+| [Insider](./other-email-and-sms.md#insider-one)                                         | `insiderTag`      | `marketing`                   | Waits for effective permission                             |
+| [Klaviyo](./klaviyo.md)                                                                 | `klaviyo`         | `marketing` and `measurement` | Waits for both; optional forms-only mode needs `marketing` |
+| [Marketo Munchkin](./other-email-and-sms.md#marketo-munchkin)                           | `marketoMunchkin` | `marketing`                   | Waits for effective permission                             |
+| [Salesforce Account Engagement](./other-email-and-sms.md#salesforce-account-engagement) | `pardotTracking`  | `marketing`                   | Waits for effective permission                             |
 
 ## Ads and pixels
 
-| Integration                                    | Helper             | Category    | Loading behavior                                                 |
-| ---------------------------------------------- | ------------------ | ----------- | ---------------------------------------------------------------- |
-| [Meta Pixel](./meta-pixel.md)                  | `metaPixel`        | `marketing` | Gated initially; keeps the SDK and signals consent               |
-| [OpenAI Pixel](./openai-pixel.md)              | `openaiPixel`      | `marketing` | Gated initially; keeps the SDK and signals consent               |
-| [Pinterest Tag](./pinterest-tag.md)            | `pinterestTag`     | `marketing` | Gated initially; keeps the tag and signals consent               |
-| [Reddit Pixel](./reddit-pixel.md)              | `redditPixel`      | `marketing` | Gated initially; keeps the pixel and toggles first-party cookies |
-| [TikTok Pixel](./tiktok-pixel.md)              | `tiktokPixel`      | `marketing` | Gated initially; keeps the SDK and signals consent               |
-| [LinkedIn Insight Tag](./linkedin-insights.md) | `linkedinInsights` | `marketing` | Waits for effective permission                                   |
-| [Microsoft UET](./microsoft-uet.md)            | `microsoftUet`     | `marketing` | Always loads; signals ad storage consent                         |
-| [Snapchat Pixel](./snapchat-pixel.md)          | `snapchatPixel`    | `marketing` | Waits for effective permission                                   |
-| [X Pixel](./x-pixel.md)                        | `xPixel`           | `marketing` | Waits for effective permission                                   |
+| Integration                                                | Helper              | Category    | Loading behavior                                                 |
+| ---------------------------------------------------------- | ------------------- | ----------- | ---------------------------------------------------------------- |
+| [The Trade Desk](./other-ads-and-pixels.md#the-trade-desk) | `theTradeDeskPixel` | `marketing` | Waits for effective permission                                   |
+| [LiveIntent](./other-ads-and-pixels.md#liveintent)         | `liveIntentTag`     | `marketing` | Waits for effective permission                                   |
+| [AdRoll](./other-ads-and-pixels.md#adroll)                 | `adrollPixel`       | `marketing` | Waits for effective permission                                   |
+| [Vector](./other-ads-and-pixels.md#vector)                 | `vector`            | `marketing` | Waits for effective permission                                   |
+| [Meta Pixel](./meta-pixel.md)                              | `metaPixel`         | `marketing` | Gated initially; keeps the SDK and signals consent               |
+| [OpenAI Pixel](./openai-pixel.md)                          | `openaiPixel`       | `marketing` | Gated initially; keeps the SDK and signals consent               |
+| [Pinterest Tag](./pinterest-tag.md)                        | `pinterestTag`      | `marketing` | Gated initially; keeps the tag and signals consent               |
+| [Reddit Pixel](./reddit-pixel.md)                          | `redditPixel`       | `marketing` | Gated initially; keeps the pixel and toggles first-party cookies |
+| [TikTok Pixel](./tiktok-pixel.md)                          | `tiktokPixel`       | `marketing` | Gated initially; keeps the SDK and signals consent               |
+| [LinkedIn Insight Tag](./linkedin-insights.md)             | `linkedinInsights`  | `marketing` | Waits for effective permission                                   |
+| [Microsoft UET](./microsoft-uet.md)                        | `microsoftUet`      | `marketing` | Always loads; signals ad storage consent                         |
+| [Snapchat Pixel](./snapchat-pixel.md)                      | `snapchatPixel`     | `marketing` | Waits for effective permission                                   |
+| [X Pixel](./x-pixel.md)                                    | `xPixel`            | `marketing` | Waits for effective permission                                   |
+
+## Commerce
+
+| Integration             | Helper                         | Category                                    | Loading behavior                                                   |
+| ----------------------- | ------------------------------ | ------------------------------------------- | ------------------------------------------------------------------ |
+| [Shopify](./shopify.md) | `createShopifyCustomerPrivacy` | `measurement`, `marketing`, `functionality` | Loads nothing; sends each choice to Shopify's Customer Privacy API |
 
 ## Load each vendor once
 
@@ -166,7 +200,7 @@ the scripts or the consent snapshot yourself:
 | ------------------------------ | ------------------------------------------------------------------------------ |
 | React, Next.js, TanStack Start | `useEventDispatcher()` from `c15t/react`, `c15t/next` or `c15t/tanstack-start` |
 | Vue, Nuxt                      | `useEventDispatcher()` from `c15t/vue/vue-plugin`, auto-imported in Nuxt       |
-| Svelte, SvelteKit              | `getEventDispatcher()` from `@c15t/svelte`, called inside `ConsentProvider`    |
+| Svelte, SvelteKit              | `getEventDispatcher()` from `c15t/svelte`, called inside `ConsentProvider`     |
 | Astro                          | `getEventDispatcher()` from `c15t/astro/client`                                |
 | JavaScript                     | `getEventDispatcher(runtime)` from `@c15t/browser`                             |
 

package/docs/integrations/pinterest-tag.md

@@ -166,7 +166,7 @@ pass them as a top-level prop:
 
 ```svelte title="src/App.svelte"
 <script lang="ts">
-  import { ConsentProvider, manifest } from '@c15t/svelte';
+  import { ConsentProvider, manifest } from 'c15t/svelte';
   import { scripts } from './consent-scripts';
 </script>
 
@@ -185,7 +185,7 @@ handle and the layout load from the [SvelteKit quickstart](https://c15t.com/docs
 
 ```svelte title="src/routes/+layout.svelte"
 <script lang="ts">
-  import { ConsentRoot } from '@c15t/svelte';
+  import { ConsentRoot } from 'c15t/svelte';
   import { scripts } from '../consent-scripts';
 
   let { children, data } = $props();

package/docs/integrations/pirsch.md

@@ -165,7 +165,7 @@ pass them as a top-level prop:
 
 ```svelte title="src/App.svelte"
 <script lang="ts">
-  import { ConsentProvider, manifest } from '@c15t/svelte';
+  import { ConsentProvider, manifest } from 'c15t/svelte';
   import { scripts } from './consent-scripts';
 </script>
 
@@ -184,7 +184,7 @@ handle and the layout load from the [SvelteKit quickstart](https://c15t.com/docs
 
 ```svelte title="src/routes/+layout.svelte"
 <script lang="ts">
-  import { ConsentRoot } from '@c15t/svelte';
+  import { ConsentRoot } from 'c15t/svelte';
   import { scripts } from '../consent-scripts';
 
   let { children, data } = $props();

package/docs/integrations/plausible-analytics.md

@@ -165,7 +165,7 @@ pass them as a top-level prop:
 
 ```svelte title="src/App.svelte"
 <script lang="ts">
-  import { ConsentProvider, manifest } from '@c15t/svelte';
+  import { ConsentProvider, manifest } from 'c15t/svelte';
   import { scripts } from './consent-scripts';
 </script>
 
@@ -184,7 +184,7 @@ handle and the layout load from the [SvelteKit quickstart](https://c15t.com/docs
 
 ```svelte title="src/routes/+layout.svelte"
 <script lang="ts">
-  import { ConsentRoot } from '@c15t/svelte';
+  import { ConsentRoot } from 'c15t/svelte';
   import { scripts } from '../consent-scripts';
 
   let { children, data } = $props();

package/docs/integrations/posthog.md

@@ -178,7 +178,7 @@ pass them as a top-level prop:
 
 ```svelte title="src/App.svelte"
 <script lang="ts">
-  import { ConsentProvider, manifest } from '@c15t/svelte';
+  import { ConsentProvider, manifest } from 'c15t/svelte';
   import { scripts } from './consent-scripts';
 </script>
 
@@ -197,7 +197,7 @@ handle and the layout load from the [SvelteKit quickstart](https://c15t.com/docs
 
 ```svelte title="src/routes/+layout.svelte"
 <script lang="ts">
-  import { ConsentRoot } from '@c15t/svelte';
+  import { ConsentRoot } from 'c15t/svelte';
   import { scripts } from '../consent-scripts';
 
   let { children, data } = $props();

package/docs/integrations/promptwatch.md

@@ -163,7 +163,7 @@ pass them as a top-level prop:
 
 ```svelte title="src/App.svelte"
 <script lang="ts">
-  import { ConsentProvider, manifest } from '@c15t/svelte';
+  import { ConsentProvider, manifest } from 'c15t/svelte';
   import { scripts } from './consent-scripts';
 </script>
 
@@ -182,7 +182,7 @@ handle and the layout load from the [SvelteKit quickstart](https://c15t.com/docs
 
 ```svelte title="src/routes/+layout.svelte"
 <script lang="ts">
-  import { ConsentRoot } from '@c15t/svelte';
+  import { ConsentRoot } from 'c15t/svelte';
   import { scripts } from '../consent-scripts';
 
   let { children, data } = $props();

package/docs/integrations/reddit-pixel.md

@@ -165,7 +165,7 @@ pass them as a top-level prop:
 
 ```svelte title="src/App.svelte"
 <script lang="ts">
-  import { ConsentProvider, manifest } from '@c15t/svelte';
+  import { ConsentProvider, manifest } from 'c15t/svelte';
   import { scripts } from './consent-scripts';
 </script>
 
@@ -184,7 +184,7 @@ handle and the layout load from the [SvelteKit quickstart](https://c15t.com/docs
 
 ```svelte title="src/routes/+layout.svelte"
 <script lang="ts">
-  import { ConsentRoot } from '@c15t/svelte';
+  import { ConsentRoot } from 'c15t/svelte';
   import { scripts } from '../consent-scripts';
 
   let { children, data } = $props();