Cookie Compliance Agent Manual

Skills and cookbooks that teach a coding agent to install the Cookie Compliance consent banner correctly, so trackers wait for the visitor's choice where the region requires consent first — instead of only showing a notice afterward.

Ask a coding agent to "add a cookie banner" and it usually writes one by hand: a popup that stores the visitor's choice while the analytics tag above it has already run. This manual gives an agent tested procedures for doing it properly with Cookie Compliance instead — the right snippet, in the right place, verified afterward.

Start here

Paste this into your coding agent (Claude Code, Cursor, Windsurf, GitHub Copilot, Codex, or any agent that can read a web page). It does the install start to finish and asks you only to sign in or register, make the legal region choice, and approve anything that costs money.

Install the Cookie Compliance consent banner on this website, start to finish.
Read https://manual.hu-manity.co/start.md and follow it.
Mode: autopilot. Decide the technical steps yourself. Ask me only for what only I can do (sign in or register, the legal region choice, anything that costs money), one question at a time with your recommended answer first.
Do not write your own banner.

Where are you?

Each one opens the matching step of the start page.

• I'm new (no account)Sign up first. The free plan needs no card.
• I have an accountSign in, then set up an app for this site.
• I already have an app for this siteHave its AppID ready. The agent picks up from there.

Guides

• Start pageThe page the agent follows, start to finish.
• Connect your AI assistantConnect Claude, ChatGPT, Claude Code, Cursor or another AI app to your Cookie Compliance account, so it can read and change your banner.
• PlatformsWhere the snippet goes on WordPress, Shopify, Next.js and more, and what to do on any other site.
• More promptsGuided mode, an existing AppID, no MCP, checking an install, matching your design.

Skills

• install-bannerGet the live snippet for an AppID and place it correctly.
• verify-installProve the banner holds trackers until the visitor chooses, where the region requires consent first.
• match-site-designDerive a banner design from the site's own colours; check WCAG AA contrast.
• configure-regionsSet which regulations apply and how visitors are treated by region.

Cookbooks

• plain-htmlPaste the snippet into a static site's <head>.
• wordpressInstall via the plugin, which handles placement.
• nextjsPlace the snippet as classic script tags in the root layout's <head>.
• nuxtPlace it in nuxt.config.ts, kept synchronous.
• astroPlace it in the shared layout with is:inline on every tag.
• angularPlace it in src/index.html.
• vitePlace it in index.html for a React or Vue app, ahead of the module entry.
• sveltekitPlace it in src/app.html above %sveltekit.head%.
• gtmPut it above the GTM container in <head>.
• shopifyPlace it in layout/theme.liquid.
• hugoPlace it first in the head partial or baseof.html.
• gatsbyPlace it first in setHeadComponents.
• docusaurusAdd it through headTags, as synchronous script entries.
• laravelPlace it right after <head> in the Blade layout, above @vite.
• djangoPlace it first in <head> of the base template.
• railsPlace it right after <head> in the application layout.
• drupalPlace it first in html.html.twig, or attach it from a small module.
• joomlaPlace it first in the template's index.php, above the scripts include.
• ghostPlace it first in default.hbs, above {{ghost_head}}.
• prestashopPlace it at the top of the theme's head.tpl.
• magentoPlace it first inside <head> in root.phtml.
• wixAdd it in Settings → Custom Code, on all pages, placed in Head.
• squarespacePaste it in Code Injection → Header.
• webflowPaste it in Site settings → Custom code → Head code, then publish.
• framerAdd it in Custom Code at the start of <head>, then publish.
• trackersHow GA4, Meta Pixel, Hotjar and other tags are held until the visitor chooses in regions whose rule requires consent first, and how to add each one.

Design gallery

• Banner design galleryExample banner designs: a screenshot and the exact design JSON for each.
• v2 banner design galleryExample designs for the v2 banner, in its standard and compact styles, and how to switch an app to v2.

For agents

• llms.txtMachine-readable index of everything on this site.
• connect.mdHow to connect the Cookie Compliance MCP server, as raw markdown.
• start.mdThe start page as raw markdown. Every guide, skill and cookbook page links to its own raw markdown.
• Sign upNo account yet? Free plan, no card. With MCP, call help.startSignup.