🛡️ Automatic Cookie Gating Demo

This demo shows how the cookie guard automatically blocks analytics and marketing cookies until you give consent, without needing to modify your scripts!

🧪 Test Automatic Blocking

Click the buttons below to test automatic blocking of cookies and scripts.

Cookie Blocking:

Script Blocking:

📊 How It Works

Automatic Pattern Detection

The cookie guard intercepts ALL cookie writes and blocks these patterns:

Analytics Cookies (Blocked until consent)

Marketing Cookies (Blocked until consent)

Your Scripts Don't Need Changes!

You can use your existing analytics/marketing code. The guard automatically blocks cookies based on patterns.

🔍 Console Output

Open your browser console (F12) to see blocking messages:

Cookie guard installed
Cookie blocked until consent: _ga
Cookie blocked: _fbp

📝 Example: Real Google Analytics

Even if you include Google Analytics normally, its cookies will be blocked:

<!-- This will work, but cookies won't be set until consent -->
<script>
  gtag('config', 'UA-XXXXXXXXX-X');
  // _ga cookie attempts will be blocked!
</script>

<!-- Or with data-category (recommended) -->
<script type="text/plain" data-category="analytics">
  gtag('config', 'UA-XXXXXXXXX-X');
  // Only loads after consent
</script>

✅ Manual Controls

Test the consent system:

🎯 Key Benefits