Quick setup — under 2 minutes

Installation Guide

Add a cookie consent banner to your website in under 2 minutes. One script tag, full control from the dashboard.

Add the script tag

Add this single line to your website's <head> tag. Replace YOUR_API_KEY with your site's API key from the dashboard.

<script src="https://cdn.consentpop.com/consentpop.min.js"
  data-api-key="YOUR_API_KEY" defer></script>

That's it. No CSS file needed — styles are included in the script.

Configure in the dashboard

Go to your dashboard to customize:

Layout — Bar, Box, or Cloud

Position — Top, Bottom, or Center

Colors — Primary, background, and text

Consent Mode — Opt-in (GDPR) or Opt-out (CCPA)

Categories — Necessary, Analytics, Marketing, Functionality

Google Consent Mode v2 — Toggle on/off

Geo-Detection — Auto-switch mode by country

Works everywhere

ConsentPop works with any website or framework:

HTML

WordPress

React / Next.js

Shopify

Wix

Squarespace

Vue / Nuxt

Any CMS

Google Consent Mode v2

When enabled, ConsentPop automatically manages Google Consent Mode v2. Make sure the ConsentPop script loads before your Google Analytics or Google Ads tags.

<!-- 1. ConsentPop (loads first) -->
<script src="https://cdn.consentpop.com/consentpop.min.js"
  data-api-key="YOUR_API_KEY" defer></script>

<!-- 2. Google Analytics (loads after) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXX');
</script>

Content Security Policy (CSP)

If your site uses a Content Security Policy, add these directives:

Content-Security-Policy:
  script-src 'self' https://cdn.consentpop.com;
  style-src 'self' 'unsafe-inline';
  connect-src 'self' https://www.consentpop.com;

Ready to get started?

Create your free account and add cookie consent to your site in minutes. No credit card required.

Start free trial View pricing

<script src="https://cdn.consentpop.com/consentpop.min.js" data-api-key="YOUR_API_KEY" defer></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXX"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-XXXXX'); </script>