Install it. Check it. Ship it.
Step-by-step cookie consent guides for AI coding agents, hosted scripts, npm, frameworks, and Google Tag Manager.
Home / Install it. Check it. Ship it.With your AI coding agent
Give your agent an integration brief
A copyable brief for Cursor, Claude Code, Codex, or another coding agent working on your website.
With your AI coding agentAsk your agent to integrate Next.js
An App Router brief that separates early defaults from client runtime initialization.
With your AI coding agentAsk your agent to integrate React/Vite
A brief for a client-rendered app with consent defaults in index.html.
With your AI coding agentAsk your agent to audit GTM consent
Find premature tags in code and get a separate checklist for the GTM container.
Install in your code
Install the hosted script in HTML
For server-rendered sites and pages where you can edit the document head.
Install in your codeBundle the JavaScript package
Use npm in a browser bundle without React or another UI framework.
Install in your codeInstall in React and Vite
Initialize the runtime at the React root and keep consent defaults in index.html.
Install in your codeInstall in Next.js App Router
A root layout for early defaults and a client component for the consent runtime.
Install in your codeInstall in Next.js Pages Router
Put early consent in _document and the client provider in _app.
Install in your codeInstall in Nuxt
Use a client-only plugin and emit early consent from the document head.
Install in your codeConnect Google Tag Manager
Import the CMP template, establish denied defaults, and configure tag consent checks.
Install in your codeConnect direct Google tags
Use the consent bridge when your site loads gtag.js without a GTM CMP template.
Install in your codeVerify and troubleshoot your installation
Check cookies, script order, consent updates, and records in a fresh browser.