Banner Installation

Integrate the GDPR HUB consent engine into your website with a single line of code. Manage preferences, block trackers, and maintain compliance effortlessly.

Learn how the discovery and categorization process works
1

Embed the Consent Engine

Copy and paste this snippet into the <head> of your website. Ensure it appears before any other third-party scripts (like Analytics or Ads).

<!-- GDPR Hub Consent Engine -->
<script 
  src="https://app.gdprhub.iocookie-banner.js" 
  id="gdpr-hub-consent"
  data-company-id="YOUR_COMPANY_ID"
></script>
2

Configure Tracker Blocking

To ensure non-essential cookies are only dropped after consent, update your existing scripts to use the text/plain type and specify a compliance category.

Analytics Example 
<script 
  type="text/plain" 
  data-consent-category="analytics" 
  src="https://www.google-analytics.com/analytics.js"
></script>
Marketing Example 
<script 
  type="text/plain" 
  data-consent-category="marketing"
>
  fbq('track', 'PageView');
</script>

JavaScript API

Access the consent state programmatically in your own applications using the global GDPRCookieConsent object.

Check Consent
GDPRCookieConsent.hasConsent('analytics')
Change Listener
GDPRCookieConsent.onChange(data => { ... })

Ready to verify?

After installing the snippet, use the Scanner to verify that cookies are being correctly blocked until consent is given.

Run Verification Scan

Compliance Features

  • Auto-Styling
    Banner matches your site branding automatically.
  • Regional Compliance
    Detects location and applies GDPR or CCPA rules.
  • IAB TCF 2.2 Support
    Full support for the Transparency & Consent Framework.