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.
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
Configure Settings
Go to Cookie Notice Pro in admin sidebar
Add Tracking IDs
Paste your GA4 and Pixel IDs
Customize Design
Choose colors and position
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
Testing Your Setup
Verify everything is working correctly
Open your site in Incognito Mode
Banner should appear automatically
Open DevTools (F12) β Console
Click "Accept All" button
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
ModernReady to Get Compliant?
Set up cookie consent in minutes, not hours. No coding required!
π₯ Download Plugin π View on GitHubSuper Cookie Notice Pro v1.1.0 | A Modern Cookie Consent Solution for WordPress
