Integrations

c15t supports two integration styles:

• use a prebuilt helper from @c15t/scripts
• build your own script or manifest-backed helper

If you are building something reusable or contributing to @c15t/scripts, start with the custom integration guide.

General Pattern

Every integration provides a script configuration function. Pass it to your framework's setup:

import { getOrCreateConsentRuntime } from 'c15t';
import { yourScript } from '@c15t/scripts/your-script';

getOrCreateConsentRuntime({
  mode: 'hosted',
  scripts: [
    yourScript({
      /* options */
    }),
  ],
});

Script Loader

Many marketing and analytics tools are commonly loaded using a script tag, such as Google Tag Manager (GTM), Google Tag (gtag.js), Meta Pixel and TikTok Pixel.

c15t's script loader allows you to easily integrate your tools that require consent with c15t. The prebuilt integrations in @c15t/scripts are the recommended starting point, and the custom integration guide explains how to build your own when you need something more specialized.

• JavaScript
• React
• Next.js

Building Your Own

If you need a vendor we do not ship yet:

• build a one-off Script directly in your app for simple cases
• build a reusable manifest-backed helper for shared or package-level integrations

Read the custom integration guide for the manifest phases, structured step model, testing checklist, and devtools debugging flow.

has() method

The has() method allows you to check if the user has given consent for a specific purpose. You can learn more about the has() method here.

const hasAnalytics = has('measurement');

if (hasAnalytics) {
  myAnalyticsLibrary.track('checkout_completed');
}