One script tag, any website
There is no plugin to install and nothing to build. If you can add a line of HTML inside your head tag, you can add the banner.
One script tag, any website
There is no plugin to install and nothing to build. If you can add a line of HTML inside your head tag, you can add the banner.
How it works
The banner is a single script tag that loads from our edge network. It renders itself into a shadow DOM, so it cannot inherit or leak styles from the rest of your site, and it behaves the same whether your pages are static HTML, server rendered, or a single page app.
That is why the instructions below are nearly identical everywhere. The only thing that changes from platform to platform is where you paste the tag.
Installation
Step 1 - Get your script tag
Create a free account, add your domain, and copy the script tag from your dashboard. It already contains your public token, so there is nothing to configure.
Step 2 - Paste it inside the head tag
Add it once, as high up in the head as you can, somewhere that renders on every page. On most platforms that is a header or custom code field. The table below has the exact location for each. Loading it early is what lets the banner hold trackers and embeds back before they fire.
<script async src="https://www.consentify.app/api/gateway?token=YOUR_TOKEN"></script>Step 3 - Publish
Reload your site and the banner appears. Colours, text and layout are all edited from the dashboard afterwards, so you never have to touch this tag again.
That is the whole install.
Everything else, including which trackers to block and what the banner says, is configured from your dashboard.
Get your cookie banner live in 5 minutes
Paste one script tag into your site and you're covered. No plugin to install, no code to write, nothing to pay.
- 1 domain
- 5,000 pageviews/mo
- All integrations
- GDPR, CCPA and ePrivacy
Where to paste it
Same tag every time. This is just where each platform keeps its site-wide code.
Website builders and hosted platforms
| Platform | Where to paste it |
|---|---|
| Webflow | Project Settings, Custom Code, Head Code |
| Wix | Settings, Custom Code, add code to Head |
| Squarespace | Settings, Advanced, Code Injection, Header |
| Framer | Project Settings, General, Custom Code, Start of head tag |
| Shopify | Online Store, Themes, Edit code, theme.liquid inside <head> |
| WordPress | Your theme's header.php inside <head>, or a code snippet plugin set to head |
| Ghost | Settings, Code injection, Site Header |
Frameworks
| Platform | Where to paste it |
|---|---|
| Next.js | app/layout.tsx using next/script with beforeInteractive |
| Nuxt | nuxt.config.ts under app.head.script |
| Astro | Your base layout, inside <head> |
| SvelteKit | src/app.html, inside %sveltekit.head% |
| Remix | app/root.tsx, alongside the Scripts component |
| Gatsby | gatsby-ssr.js via setHeadComponents |
| Vite or plain React | index.html, inside <head> |
Static site generators
| Platform | Where to paste it |
|---|---|
| Hugo | layouts/partials/head.html |
| Eleventy | Your base layout template |
| Jekyll | _layouts/default.html, inside <head> |
| Plain HTML | Inside <head> on every page |
Using something that is not listed? The rule is always the same: put the tag anywhere that renders on every page, as early in the head as you can. If you are unsure, send us the platform and we will tell you exactly where it goes.
Why a script tag and not a plugin
Plugins have to be maintained for every platform they support, and they break when the platform changes. A script tag does not. It also means the banner updates for everyone the moment we ship a fix, with nothing for you to upgrade.
Legal Documentation
As the site owner, you are responsible for ensuring your use of Consentify complies with GDPR, ePrivacy, and any other applicable privacy regulations in your markets.
FAQ
Does it matter where in the page I put it?
Yes, it does. Put it inside the head tag, as high up as you can. The script is async, so it never blocks your page from rendering, but it has to load before the rest of the page if it is going to hold trackers and embeds back before they fire. Lower down it still shows the banner and records consent, but anything above it has already run.
Does it work in a single page app?
Yes. The banner watches for route changes, so it keeps working when your app navigates without a full page load. That covers Next.js, Nuxt, SvelteKit, Remix and any client side router.
Will it slow my site down?
No. The script is under 20kb, loads asynchronously from an edge CDN, and is cached for 24 hours. It does not block rendering and has no measurable effect on Core Web Vitals.
See what's tracking your visitors
Type in your address and we load your site the way a visitor's browser does, then list every tracker, cookie and pixel we find.
- Results in about 10 seconds
- No account needed
- Shareable report link