Install in minutes.

Paste this just before the closing </head> tag. It loads the banner (about 13 KB gzipped, deferred so it never blocks rendering) and pulls your published configuration from the edge by site key.

<!-- Consent Compliance -->
<script>
  window.CC_COOKIE = {
    siteKey: "YOUR_SITE_KEY",
    configUrl: "https://edge.consent-compliance.com/v1/config/YOUR_SITE_KEY"
  };
</script>
<script src="https://consent-compliance.com/cc-widget.js" defer></script>

Mark any non-essential tag with type="text/plain" and a data-cc-category. The banner activates it only after the visitor grants that category — real blocking, not cosmetic.

<!-- Block a tag until the visitor consents to its category -->
<script type="text/plain" data-cc-category="analytics"
        src="https://www.googletagmanager.com/gtag/js?id=G-XXXX"></script>

On plans with ADA Accessibility, add this snippet too. If you use both products, the Install tab gives you a single combined snippet — the two widgets share one launcher.

<!-- Consent Compliance — Accessibility -->
<script>
  window.CC_A11Y = { configUrl: "https://edge.consent-compliance.com/v1/a11y/YOUR_SITE_KEY" };
</script>
<script src="https://consent-compliance.com/cc-accessibility.js" defer></script>

Edit the banner, categories or integrations in the dashboard and hit Publish. The edge config updates straight away — no code changes or redeploys on your site.