Explore real-world examples and learn how to implement Extended Cookie Consent
Choose from different categories based on your needs and experience level.
Perfect for getting started - simple configurations that work out of the box.
Minimal configuration
The simplest possible implementation with default settings.
With beautiful themes
Interactive demo showing all 21 available themes and positioning options.
More advanced configurations with granular controls and integrations.
Category management
Complete example with category controls, analytics integration, and custom callbacks.
Component-based
How to integrate Extended Cookie Consent with React applications.
Complex implementations for enterprise use cases and special requirements.
Production ready
Complete production implementation with GTM, GA4, compliance features, and audit trails.
Brand styling
Create custom themes that match your brand colors and styling guidelines.
Real-world scenarios and specific implementation patterns.
Quick copy-paste solutions for common requirements.
cookieconsent.extended.init({
ui: { theme: 'github-dark' },
content: {
header: 'We use cookies',
message: 'For better experience.'
}
});// GA4 with consent mode
gtag('consent', 'default', {
'analytics_storage': 'denied'
});
cookieconsent.extended.init({
callbacks: {
onAcceptAll: () => gtag('consent', 'update', {
'analytics_storage': 'granted'
})
}
});Tools to help you test and debug your implementation.
Debug & validate
Comprehensive testing page with diagnostic tools and validation.
Console helpers
Browser console commands for debugging and troubleshooting.
Start with our quick guide or explore the full API documentation.
Quick Start Guide API Reference