@c15t/integrations

中文文档
3.2.2发布于 2026/11/02Apache-2.0TypeScriptES Module构建来源已验证近 30 天下载 10.2万

Consent-aware integrations for c15t: 40+ analytics, advertising and chat tools, including GTM, GA4 and Meta Pixel, with Google Consent Mode v2 and script gating.

原始使用文档
文档目录16 节
  1. Key Features
  2. Documentation
  3. Integrations
  4. Web analytics
  5. Product analytics
  6. Replay and monitoring
  7. Experimentation and personalization
  8. Ads and growth
  9. Data and tags
  10. Chat and embeds
  11. Example
  12. Docs for AI Agents
  13. Support
  14. Contributing
  15. Security
  16. License

c15t: the open standard for cookie banners

@c15t/integrations: Cookie consent integrations for analytics, ads and widgets

Latest NPM Version Stars License Discord Skills Made by Inth

Cookie consent integrations for Google Tag Manager, GA4, Google Ads, Meta Pixel, Wisepops popups, Attentive email and SMS marketing, Customer.io, analytics tools, pixels, tag managers, and widgets. Control when scripts load and send visitors' choices through Google Consent Mode v2 and other vendor consent APIs.

c15t is used by 2,100+ sites, including expo.dev, zed.dev, unkey.dev, mintlify.com, and sazabi.com.

Key Features

  • Most loaders run when the visitor's consent policy allows their category. A few, such as Google Tag Manager, load immediately and pass permission updates to the vendor's consent API
  • Prebuilt script loaders for popular analytics, advertising, marketing, and functional tools
  • Google Tag Manager support with Google Consent Mode v2 defaults and consent updates
  • Google Analytics 4 and Google Ads support through gtag.js
  • Consent-gated Meta Pixel and conversion pixel loading
  • Supported vendors include Google Tag Manager, Meta Pixel, OpenAI Pixel, Amplitude, FullStory, Heap, PostHog, TikTok Pixel, LinkedIn Insights, Microsoft UET, X Pixel, Reddit Pixel, Snapchat Pixel, Ada, Intercom, Crisp, ActiveCampaign, Gorgias Chat, Zendesk Messaging, Attentive, Customer.io, Insider, Klaviyo, Appcues, Wisepops, and more

Documentation

See the documentation for guides, API reference, and examples.

Integrations

Find integrations by what each tool does. The overview lists each helper, its consent category, and its loading behavior.

Web analytics

  • Google Analytics 4 + Google Ads (gtag.js): Consent Mode v2 defaults and consent updates when users make a choice (guide)
  • Plausible, Fathom, Umami, Vercel Analytics, Cloudflare Web Analytics, Matomo, Adobe Analytics, Ahrefs Analytics, Databuddy, Pirsch, Rybbit, OneDollarStats, Promptwatch, and Statable

Product analytics

  • PostHog: Loads before or after measurement consent, with switches that stop PostHog downloading its surveys, heatmaps, dead clicks and web vitals modules or requesting /flags (guide)
  • Amplitude, Heap, Mixpanel, and Gainsight PX
  • Pendo: Loads after measurement consent; stops and resumes event sending when consent changes (guide)

Replay and monitoring

  • FullStory, Microsoft Clarity, Hotjar, LogRocket, Lucky Orange, and Vercel Speed Insights
  • Sentry: Loads Sentry from its CDN or works with your own SDK; Session Replay and user data wait for measurement, and error monitoring can too (guide)

Experimentation and personalization

  • Adobe Target, Appcues, Dynamic Yield, Optimizely Web Experimentation, and Wisepops. Wisepops waits for marketing consent by default; the others wait for experience consent

Ads and growth

  • Conversion pixels: Meta Pixel, OpenAI Pixel, Pinterest Tag, TikTok Pixel, LinkedIn Insights, Microsoft UET (Microsoft Ads), X Pixel, Reddit Pixel, Snapchat Pixel
  • Email and SMS: ActiveCampaign site tracking, loaded after marketing consent (guide); Attentive loads after marketing consent and requires a page reload on withdrawal; Customer.io loads after marketing consent by default (guide). Insider, loaded after marketing consent; Klaviyo loads only once marketing and measurement are both allowed; Marketo Munchkin and Salesforce Account Engagement load after marketing consent (guide)
  • Clearbit: Loads after marketing consent (guide)
  • Oracle Eloqua: Loads after marketing consent by default (guide)
  • HubSpot: Loads after marketing consent (guide)
  • Default: Pixel after measurement consent or standalone Forms SDK after functionality consent, with configurable categories and an opt-in always mode for the Pixel (guide)
  • The Trade Desk: Loads after marketing consent (guide)
  • LiveIntent: Loads after marketing consent (guide)
  • AdRoll: Loads after marketing consent (guide)
  • Vector: Loads after marketing consent (guide)
  • RB2B: Loads after marketing consent (guide)
  • Amazon Ads: Loads after marketing consent (guide)
  • Clay: Loads after marketing consent (guide)

Data and tags

  • Google Tag Manager: Sends current permissions through Google Consent Mode v2; configure consent checks for non-Google tags (guide)
  • Cloudflare Zaraz: Maps c15t effective permissions to Zaraz purpose IDs for tools managed in Cloudflare (guide)
  • Segment, RudderStack, and Hightouch
  • Shopify: Sends c15t consent to Shopify's Customer Privacy API from a Hydrogen storefront (guide)

Chat and embeds

  • Ada, Intercom, Crisp, Front Chat, Gorgias Chat, and Zendesk Messaging
  • YouTube and Google Maps use consent-gated iframes and do not require this package

Example

import { googleTagManager } from '@c15t/integrations/google-tag-manager'
import { metaPixel } from '@c15t/integrations/meta-pixel'

const scripts = [
  googleTagManager({ id: 'GTM-XXXXXX' }),
  metaPixel({ pixelId: '000000000000000' }),
]

Docs for AI Agents

This package ships its documentation as Markdown, matched to the installed version. After you install it, point your coding agent at node_modules/@c15t/integrations/AGENTS.md. It indexes every guide in node_modules/@c15t/integrations/docs/.

On the web, every page of the c15t docs has a Markdown version, and llms.txt lists them all. Install the c15t agent skills with npx skills add c15t/skills.

Support

Contributing

Security

Do not open a public issue for a security vulnerability. Report it privately through GitHub's vulnerability reporting. We examine every valid report.

  • Do not share the vulnerability in public forums, issues, or pull requests
  • Give the steps to reproduce it and the versions it affects
  • Give us time to release a fix before you disclose it

License

Apache License 2.0


Built by Inth

版本与发布记录

@c15t/integrations 共发布 18 个版本,首次发布于 2026/10/02;过去 12 个月发布了 18 个版本。最新版本附带 npm provenance 构建来源证明,可追溯到公开的 CI 构建记录。

版本发布日期距今
3.2.2latest2026/11/027 天前
3.2.12026/10/319 天前
3.2.02026/10/3010 天前
3.2.0-canary.0canary2026/10/2316 天前
3.1.02026/10/1723 天前
3.1.0-canary.02026/10/1525 天前

其他发布通道:alpha → 3.0.0-alpha.11,canary → 3.2.0-canary.0。

关于 @c15t/integrations 的常见问题

@c15t/integrations 是什么?

Consent-aware integrations for c15t: 40+ analytics, advertising and chat tools, including GTM, GA4 and Meta Pixel, with Google Consent Mode v2 and script gating.

如何安装 @c15t/integrations?

在项目目录运行 npm install @c15t/integrations,或使用 pnpm add / yarn add / bun add。

@c15t/integrations 支持 TypeScript 吗?

支持。包内自带 TypeScript 类型声明(package.json 声明了 types 入口),安装后即可获得类型提示,无需再安装 @types 包。

@c15t/integrations 支持 ESM 还是 CommonJS?

以 ES Module 形式发布,推荐使用 import 引入。在 CommonJS 项目中,Node.js 20.19+ / 22.12+ 可以直接 require() 不含顶层 await 的 ES Module,更早的版本需要改用动态 import()。

@c15t/integrations 可以商用吗?

@c15t/integrations 使用 Apache-2.0 许可。宽松许可:允许商业使用、修改和再分发,并附带明确的专利授权;分发时需保留许可与 NOTICE 文件,修改过的文件要注明改动。以上为概括,不构成法律意见,请以许可原文为准。

@c15t/integrations 的下载量有多少?

根据 npm 官方下载统计,@c15t/integrations 在 2026/10/09 – 2026/11/07 这 30 天内被下载 102,468 次,日均约 3,416 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入,适合横向比较热度,不能直接等同于使用人数。

@c15t/integrations 还在维护吗?

最新版本 3.2.2 发布于 2026/11/02(7 天前);至今共发布 18 个版本,其中过去 12 个月发布了 18 个;首次发布于 2026/10/02。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。