---
title: Integrations
description: Find all c15t integrations for analytics, tag managers,
  advertising, email and SMS, chat and embedded content.
group: integrations
lastModified: "2026-10-10T16:01:45+01:00"
---
## Choose an integration

Each vendor helper in `@c15t/integrations` returns a script configuration that you
register with your c15t provider. Importing a helper installs nothing on its
own. Set up consent with your [framework quickstart](/docs/frameworks) first,
then follow the vendor guide.

|Package manager|Command|
|:--|:--|
|npm|`npm install @c15t/integrations@alpha`|
|pnpm|`pnpm add @c15t/integrations@alpha`|
|yarn|`yarn add @c15t/integrations@alpha`|
|bun|`bun add @c15t/integrations@alpha`|

`@c15t/integrations` is a separate package. Keep importing c15t itself from `c15t`,
for example `c15t/react` or `c15t/next`.

The Loading behavior column shows when each helper requests the vendor. Most
wait for the category to be allowed. A few load on every page and pass the
permission to the vendor's own consent API, so the browser contacts the vendor
before a choice.

## Embeds

|Integration|v3 implementation|Loading behavior|
|--|--|--|
|[Google Maps](/docs/integrations/google-maps)|Framework-specific consent-gated map iframe|Iframe mounts only while the chosen permission is allowed|
|[YouTube](/docs/integrations/youtube)|Framework-specific consent-gated video iframe|Iframe mounts only while the chosen permission is allowed|

Both guides include all nine framework examples. React and Svelte use `ConsentGate`;
Vue conditionally renders the iframe, and Astro and JavaScript use the existing
kernel to control its DOM lifecycle. Embeds do not require `@c15t/integrations`.

## Tag managers

|Integration|Helper|Category|Loading behavior|
|--|--|--|--|
|[Cloudflare Zaraz](/docs/integrations/cloudflare-zaraz)|`cloudflareZaraz`|`necessary`|Always runs; syncs purposes, Zaraz runs the tools|
|[Google Tag Manager](/docs/integrations/google-tag-manager)|`googleTagManager`|`necessary`; `measurement` or `marketing` when gated|Always loads and signals Google consent by default; `loadMode: 'after-consent'` waits for permission|

## Analytics

|Integration|Helper|Category|Loading behavior|
|--|--|--|--|
|[Google Tag](/docs/integrations/google-tag)|`gtag`|`measurement` or `marketing`|Always loads and signals Google consent by default; `loadMode: 'after-consent'` waits for permission|
|[Ahrefs Analytics](/docs/integrations/ahrefs-analytics)|`ahrefsAnalytics`|`measurement`|Waits for effective permission|
|[Adobe Analytics](/docs/integrations/adobe-analytics)|`adobeAnalytics`|`measurement`|Waits for effective permission|
|[Amplitude](/docs/integrations/amplitude)|`amplitude`|`measurement`|Waits for effective permission; opts the SDK out on revocation|
|[Cloudflare Web Analytics](/docs/integrations/cloudflare-web-analytics)|`cloudflareWebAnalytics`|`measurement`|Waits for effective permission|
|[Clearbit](/docs/integrations/clearbit)|`clearbit`|`marketing`|Waits for effective permission|
|[Microsoft Clarity](/docs/integrations/microsoft-clarity)|`clarity`|`measurement`|Gated initially; keeps the SDK and signals storage consent|
|[Databuddy](/docs/integrations/databuddy)|`databuddy`|`measurement`|Always loads; switches the SDK's disabled flag|
|[Fathom Analytics](/docs/integrations/fathom-analytics)|`fathomAnalytics`|`measurement`|Waits for effective permission|
|[Heap](/docs/integrations/heap)|`heap`|`measurement`|Waits for effective permission|
|[Matomo Analytics](/docs/integrations/matomo-analytics)|`matomoAnalytics`|`measurement`|Gated by default; optional consent mode|
|[Mixpanel](/docs/integrations/mixpanel-analytics)|`mixpanelAnalytics`|`measurement`|Always loads; calls opt-in and opt-out APIs|
|[OneDollarStats](/docs/integrations/one-dollar-stats)|`oneDollarStats`|`measurement`|Waits for effective permission|
|[Hotjar](/docs/integrations/hotjar)|`hotjar`|`measurement`|Waits for effective permission|
|[Hightouch](/docs/integrations/hightouch)|`hightouch`|`measurement`|Waits for effective permission|
|[LogRocket](/docs/integrations/logrocket)|`logRocket`|`measurement`|Waits for effective permission|
|[Plausible Analytics](/docs/integrations/plausible-analytics)|`plausibleAnalytics`|`measurement`|Waits for effective permission|
|[PostHog](/docs/integrations/posthog)|`posthog`|`measurement`|Configurable; defaults to always loading and calling opt-in and opt-out APIs|
|[Promptwatch](/docs/integrations/promptwatch)|`promptwatch`|`measurement`|Waits for effective permission|
|[Pirsch](/docs/integrations/pirsch)|`pirsch`|`measurement`|Waits for effective permission|
|[RudderStack](/docs/integrations/rudderstack)|`rudderstack`|`measurement`|Gated by default; optional destination consent mode|
|[Segment](/docs/integrations/segment)|`segment`|`measurement`|Waits for effective permission|
|[Sentry](/docs/integrations/sentry)|`sentry`|`necessary`; Replay and user data `measurement`|Configurable; defaults to always loading and loads Replay after permission|
|[Rybbit Analytics](/docs/integrations/rybbit-analytics)|`rybbitAnalytics`|`measurement`|Waits for effective permission|
|[Umami Analytics](/docs/integrations/umami-analytics)|`umamiAnalytics`|`measurement`|Waits for effective permission|
|[Vercel Analytics](/docs/integrations/vercel-analytics)|`vercelAnalytics`|`measurement`|Waits for effective permission|

## Chat and support

|Integration|Helper|Category|Loading behavior|
|--|--|--|--|
|[Crisp](/docs/integrations/crisp)|`crisp`|`functionality`|Waits for effective permission|
|[Front Chat](/docs/integrations/front-chat)|`frontChat`|`functionality`|Waits for effective permission|
|[Intercom](/docs/integrations/intercom)|`intercom`|`functionality`|Waits for effective permission|

## Email and SMS

|Integration|Helper|Category|Loading behavior|
|--|--|--|--|
|[Klaviyo](/docs/integrations/klaviyo)|`klaviyo`|`marketing` and `measurement`|Waits for both; optional forms-only mode needs `marketing`|

## Ads and pixels

|Integration|Helper|Category|Loading behavior|
|--|--|--|--|
|[Meta Pixel](/docs/integrations/meta-pixel)|`metaPixel`|`marketing`|Gated initially; keeps the SDK and signals consent|
|[OpenAI Pixel](/docs/integrations/openai-pixel)|`openaiPixel`|`marketing`|Gated initially; keeps the SDK and signals consent|
|[Pinterest Tag](/docs/integrations/pinterest-tag)|`pinterestTag`|`marketing`|Gated initially; keeps the tag and signals consent|
|[Reddit Pixel](/docs/integrations/reddit-pixel)|`redditPixel`|`marketing`|Gated initially; keeps the pixel and toggles first-party cookies|
|[TikTok Pixel](/docs/integrations/tiktok-pixel)|`tiktokPixel`|`marketing`|Gated initially; keeps the SDK and signals consent|
|[LinkedIn Insight Tag](/docs/integrations/linkedin-insights)|`linkedinInsights`|`marketing`|Waits for effective permission|
|[Microsoft UET](/docs/integrations/microsoft-uet)|`microsoftUet`|`marketing`|Always loads; signals ad storage consent|
|[Snapchat Pixel](/docs/integrations/snapchat-pixel)|`snapchatPixel`|`marketing`|Waits for effective permission|
|[X Pixel](/docs/integrations/x-pixel)|`xPixel`|`marketing`|Waits for effective permission|

## Load each vendor once

Remove the vendor's own snippet, tracking image, framework plugin or tag
manager entry before adding its helper. c15t cannot gate a copy it did not
load. Tag managers and data pipelines such as Segment can load further
destinations, which need consent settings of their own.

Framework packages are loaders too. To move their vendors to c15t, see
[migrate from `@next/third-parties`](/docs/frameworks/next/scripts#migrate-from-nextthird-parties)
for Next.js, and
[migrate from `@nuxt/scripts`](/docs/frameworks/nuxt/scripts#migrate-from-nuxtscripts)
or [migrate from `nuxt-gtag`](/docs/frameworks/nuxt/scripts#migrate-from-nuxt-gtag)
for Nuxt.

When a visitor turns off a category they had allowed, c15t reloads the page so
that code which already ran stops. Each vendor guide lists what its helper does
on revocation and how to check it.

## Vendor switches and cookie cleanup

Every helper sets a `vendor` slug, so once you declare that vendor a visitor
can allow its category and still switch the vendor off. Gating also leaves
behind the cookies a vendor already wrote; `clearOnRevocation` deletes them
when their category is denied. Each framework documents both in its Scripts
and embeds group:

|Framework|Vendor consent|Clear on revocation|
|--|--|--|
|Next.js|[Vendor consent](/docs/frameworks/next/vendor-consent)|[Clear on revocation](/docs/frameworks/next/clear-on-revocation)|
|TanStack Start|[Vendor consent](/docs/frameworks/tanstack-start/vendor-consent)|[Clear on revocation](/docs/frameworks/tanstack-start/clear-on-revocation)|
|React|[Vendor consent](/docs/frameworks/react/vendor-consent)|[Clear on revocation](/docs/frameworks/react/clear-on-revocation)|
|Nuxt|[Vendor consent](/docs/frameworks/nuxt/vendor-consent)|[Clear on revocation](/docs/frameworks/nuxt/clear-on-revocation)|
|Vue|[Vendor consent](/docs/frameworks/vue/vendor-consent)|[Clear on revocation](/docs/frameworks/vue/clear-on-revocation)|
|Astro|[Vendor consent](/docs/frameworks/astro/vendor-consent)|[Clear on revocation](/docs/frameworks/astro/clear-on-revocation)|
|Svelte|[Vendor consent](/docs/frameworks/svelte/vendor-consent)|[Clear on revocation](/docs/frameworks/svelte/clear-on-revocation)|
|SvelteKit|[Vendor consent](/docs/frameworks/sveltekit/vendor-consent)|[Clear on revocation](/docs/frameworks/sveltekit/clear-on-revocation)|
|HTML|[Vendor consent](/docs/frameworks/html/vendor-consent)|[Clear on revocation](/docs/frameworks/html/clear-on-revocation)|
|JavaScript|[Vendor consent](/docs/frameworks/javascript/vendor-consent)|[Clear on revocation](/docs/frameworks/javascript/clear-on-revocation)|

## Send events only to allowed integrations

`createEventDispatcher` from `@c15t/integrations/events` sends one named event to
every registered integration that has an event API and is allowed right now.
It drops events while measurement is denied, and one vendor's error does not
stop delivery to the others:

```ts
import { createEventDispatcher } from '@c15t/integrations/events';

const events = createEventDispatcher({
	scripts,
	getSnapshot: () => runtime.kernel.getSnapshot(),
	pageviews: ['segment'],
});

events.track('docs_search', { resultCount: 4 });
events.pageview(location.pathname);
```

Pass the same `scripts` you registered and a function that returns the live
consent snapshot. `track` supports Google Tag Manager, Google Tag, PostHog,
Mixpanel, Segment, Hightouch, Heap, Amplitude, LogRocket, Adobe Analytics,
Databuddy, Plausible, Fathom, Pirsch, Microsoft Clarity, Hotjar, Vercel
Analytics, OneDollarStats, Umami, Rybbit, RudderStack and Matomo.
`pageview` sends single-page-app page views only to the integrations named in
`pageviews`: PostHog, Segment or Hightouch. Call it from your router's
navigation hook. The first call records the path without sending, and repeated
paths or hash-only changes are skipped.

## Add a vendor without a helper

Use [custom integrations](/docs/integrations/building-integrations) for a
vendor without a helper, or an SDK your app already loads. Test every
integration with the [consent verification guide](/docs/guides/verify-consent).