Super Cookie Notice Pro - Documentation
πŸͺ WordPress Plugin v1.1.0

Super Cookie Notice Pro

A modern, lightweight, and fully customizable GDPR/CCPA compliant cookie consent banner for WordPress with built-in Google Analytics 4 and Facebook Pixel integration.

πŸ‡ͺπŸ‡Ί GDPR Compliant
πŸ‡ΊπŸ‡Έ CCPA Compliant
⚑ ~10kb Lightweight

Powerful Features

Everything you need for cookie compliance made simple

πŸ“Š

Native GA4 Support

Just paste your Measurement ID. No coding required. Scripts load only after user consent.

πŸ“±

Facebook Pixel Ready

Built-in Facebook Pixel integration. Enter your Pixel ID and you're ready to track conversions.

🎨

Modern Design

Beautiful, responsive UI with smooth animations. Looks great on all devices and screen sizes.

πŸ”§

Granular Control

Let users accept or reject specific cookie categories: Necessary, Analytics, and Marketing.

πŸ’Ύ

Dual Storage

Store consent in localStorage for speed, plus optional WordPress database for audit compliance.

πŸ“ˆ

Consent Statistics

Track consent rates and view detailed logs of all user consents in your WordPress dashboard.

🎯

Custom Scripts

Add any third-party scripts (Hotjar, LinkedIn, etc.) that load only after consent is given.

⚑

Performance First

Lightweight (~10kb), optimized code. No impact on your Core Web Vitals or page speed scores.

Cookie Categories

Give your users transparent control over their privacy

πŸ”’ Necessary Cookies

Essential for website functionality. Always enabled. Includes session cookies, security tokens, and preferences.

πŸ“Š Analytics Cookies

Help understand visitor behavior. Google Analytics, custom analytics scripts, and performance tracking.

πŸ“£ Marketing Cookies

Used for advertising and retargeting. Facebook Pixel, Google Ads, and other marketing platforms.

Built-in Integrations

Connect your favorite tools without writing code

πŸ“Š Google Analytics 4

  • Paste Measurement ID (G-XXXXXXX)
  • Automatic gtag.js injection
  • Loads only after consent
  • PageView tracking ready

πŸ“± Facebook Pixel

  • Enter your Pixel ID
  • Full fbevents.js support
  • PageView event auto-fired
  • Ready for conversion tracking

πŸ”§ Custom Analytics

  • Hotjar, Clarity, Heap
  • Paste full script tags
  • Fires on analytics consent
  • Multiple scripts supported

πŸ“£ Custom Marketing

  • LinkedIn Insight Tag
  • Twitter Pixel, TikTok Pixel
  • Fires on marketing consent
  • Any third-party script

Easy Installation

Get started in minutes with two simple methods

πŸ“¦ WordPress Upload

  • 1

    Download the plugin ZIP file

  • 2

    Go to Plugins β†’ Add New β†’ Upload

  • 3

    Choose ZIP file and click Install Now

  • 4

    Click Activate Plugin

πŸ“ FTP Upload

  • 1

    Extract the plugin ZIP file

  • 2

    Upload to /wp-content/plugins/

  • 3

    Go to Plugins β†’ Installed Plugins

  • 4

    Find plugin and click Activate

How It Works

Simple setup in just a few steps

1️⃣

Configure Settings

Go to Cookie Notice Pro in admin sidebar

2️⃣

Add Tracking IDs

Paste your GA4 and Pixel IDs

3️⃣

Customize Design

Choose colors and position

4️⃣

You're Done!

Banner appears automatically

Customization Options

Make it match your brand perfectly

🎨 Primary Color

Choose your brand color for the Accept button and toggle switches. Full color picker included.

πŸ”˜ Reject Button Color

Customize the reject button separately to create visual hierarchy and guide user actions.

πŸ“ Banner Position

Display the banner at the top or bottom of the screen. Choose what works best for your layout.

✏️ Custom Message

Write your own banner message to match your tone and legal requirements.

πŸ”— Privacy Policy Link

Add a link to your privacy policy page directly in the banner message.

βš™οΈ Simple Mode

Hide the Settings button for a simpler Accept/Reject only experience.

πŸ“ Shortcode Support

Place a button anywhere on your site to let users manage their cookie preferences

[cookie_settings text="Manage Cookies"]

Testing Your Setup

Verify everything is working correctly

1

Open your site in Incognito Mode

2

Banner should appear automatically

3

Open DevTools (F12) β†’ Console

4

Click "Accept All" button

5

See "SCNP: Loading GA4..." in console

Developer API

JavaScript API for advanced customizations

SuperCookieNoticePro.resetConsent()

Reset user consent and reload page. Useful for testing.

// Reset consent for testing
window.SuperCookieNoticePro.resetConsent();

SuperCookieNoticePro.getConsent()

Get current consent preferences object.

// Get current consent status
const consent = window.SuperCookieNoticePro.getConsent();
console.log(consent.analytics); // true or false
console.log(consent.marketing); // true or false

SuperCookieNoticePro.openSettings()

Programmatically open the settings modal.

// Open settings modal
window.SuperCookieNoticePro.openSettings();

// Example: Custom button trigger
document.querySelector('.my-cookie-btn')
  .addEventListener('click', function() {
    window.SuperCookieNoticePro.openSettings();
  });

scnp_analytics_loaded Event

Listen for when analytics scripts are loaded.

// React to analytics consent
jQuery(document).on('scnp_analytics_loaded', function() {
    console.log('Analytics scripts loaded!');
    // Initialize your custom tracking
});

scnp_marketing_loaded Event

Listen for when marketing scripts are loaded.

// React to marketing consent
jQuery(document).on('scnp_marketing_loaded', function() {
    console.log('Marketing scripts loaded!');
    // Fire custom conversion events
});

Consent Data Structure

Understanding the stored consent object.

// Consent object structure
{
  "necessary": true,      // Always true
  "analytics": true,      // User choice
  "marketing": false,     // User choice
  "timestamp": "2024-01-15T10:30:00.000Z"
}

Perfect Use Cases

Ideal for various website types

πŸ›’ E-commerce Stores

Track conversions with Facebook Pixel and Google Analytics while staying GDPR compliant.

πŸ“° News & Blogs

Understand your audience with analytics while respecting reader privacy preferences.

🏒 Corporate Websites

Meet legal compliance requirements with audit logs and transparent consent management.

πŸŽ“ Educational Sites

Simple consent banner that doesn't distract from learning content.

πŸ’Ό SaaS Products

Track user journeys with multiple analytics tools, all consent-gated.

🌍 Multi-region Sites

Single solution for both EU (GDPR) and California (CCPA) compliance needs.

Requirements

What you need to get started

πŸ“¦

WordPress

5.0+
🐘

PHP

7.2+
πŸ—„οΈ

MySQL

5.6+
🌐

Browser

Modern

Ready to Get Compliant?

Set up cookie consent in minutes, not hours. No coding required!

πŸ“₯ Download Plugin πŸ“– View on GitHub

Super Cookie Notice Pro v1.1.0 | A Modern Cookie Consent Solution for WordPress

Super-Cookie-Notice-Pro-Logo
Super-Cookie-Notice-Pro