July 02, 2024

Consent Mode Banner Plugin

Lightweight (~3kB) Consent/Cookies Banner compatible with Google Consent Mode (GTM & Google Tags). No account or subscription is needed.

Consent Mode Banner is a lightweight (~3 kB), user-friendly WordPress plugin designed to integrate Google Consent Mode seamlessly into your website. It offers a simple and efficient way for website owners to comply with cookie and privacy regulations like GDPR and CCPA, by enabling visitors to select their cookie preferences easily.

Features

Simple Setup: Integrate with Google Tag and Google Tag Manager with minimal configuration.
Customizable Consent Banner: Tailor the appearance and message of your consent banner.
User Preference Control: Allows users to specify their consent for different types of cookies (e.g., necessary, analytics, marketing).
Compliance with Privacy Laws: Helps in making your website compliant with GDPR, CCPA, and other privacy regulations.
Lightweight and Fast: Designed to be non-intrusive and does not affect your website’s load time.

Documentation

Banner UI

This plugin relies on open-source, lightweight Consent Banner UI available on GitHub:

tagconcierge/consent-banner-js

Installation

Upload or install Consent Mode Banner plugin from WordPress plugins directory.
Activate the plugin through the Plugins menu in WordPress.
That’s it! Consent State will be pushed to DataLayer adhering to Consent Mode API
Use plugin settings to customise the content and consent settings.
Optionally use plugin settings to install GTM snippets

Screenshots

Consent Banner in action
Consent Banner displayed as modal
Consent Banner displayed as bar without "wall"
Consent Banner settings screen with all consent types listed
Consent Mode State Preview in Google Tag Assistant
Consent Banner WP Admin basic settings
Consent Banner WP Admin banner content settings
Consent Banner WP Admin consent types settings

FAQ

Do I need to configure anything in GTM to enable consent mode?

Once your Consent Banner is deployed the Consent Mode will be provided and will work with Google Tags
(GA4 and Google Ads) out-of-the-box. For other integrations you need to review your GTM tags to ensure they have correct consent checks settings.
You can use Consent Overview screen to quickly review and update tags. Read more here

Is it compatible with direct GA4 or Google Ads integration?

Yes, both direct usage of Google Tags and Google Tag Manager are supported. The plugin sends standard Consent Mode v2 parameters that will be respected by those tags.

Is it compatible with Facebook Pixel?

It can be compatible if Facebook Pixel is implemented via Google Tag Manager and correct consent settings are applied in GTM workspace. Read more here

How to inject GTM tracking snippet?

By default this plugin push consent information to the GTM DataLayer object that can be installed by other plugins or directly in the theme code.
It can also embed GTM snippets, go to settings to configure it.

Changelog

1.0.2

Fixes GTM snippets loading
Changes namespace due to naming collision
Upgrades Consent Banner JS library to 1.2.3

1.0.1

Fix javascript loading ordering

1.0.0

Initial version