Beautiful Cookie Banner – How to configure Google Tagmanager

The WordPress Plugin „Beautiful Cookie Banner“ sets the permissions of a user in one or more cookies. But how do you get your analytics tools to respect and react on that setting?

First: you really should use Google Tagmanager, if you are using any kind of frontend tracking on your website. It gives you a lot more control about the tracking.

How to set up Google Tagmanager with „Beautiful Cookie Banner Plugin“

When it comes to implement a solution in GTM there are plenty of ways. In this article I am going to focus on one.

  1. Install Beautiful Cookie Banner Variable Template from Community Gallery
  2. Configure Variable
  3. Create Blocking Trigger
  4. Add Blocking Trigger to all Tags

1. Install Variable Template

  1. Create a new variable and when choosing the type go to Tagmanagers Community Template Gallery:

2. Search for „Beautiful Cookie Banner“

3. Install it.

2. Configure Variable

Cookie Name: Only change it, if you have changed it in the plugin settings as well.

2.1 Compliance Type: differentiated Consent

You have configured the wordpress plugin something like this:

Important! ‚Set cookies with default values on 1st page view‘ needs to be checked. Otherwise the tracking will only start to work, AFTER the user made a choice.

Then adjust the compliance type and add the „cookie suffix“ values to the Google Tagmanager Variable.

2.2 For all other Compliance Types

Please choose the correct compliance type and proceed with trigger set up.

3. Create Blocking triggers

3.1 Compliance Type: differentiated Consent

This is how your blocking trigger for analytics would look like:

Trigger Type: Custom Event

Event name: .* , check: use regex matching

This trigger fires on some custom events: Beautiful Cookie Banner – Consent Status, does not contain „-analytics-„.

The value „-analytics-“ is the name of the cookie suffix with a dash „-“ as pre- and suffix.

You need to create a trigger like this for each of your Cookie Types, with the cookie suffix as filter condition.

3.2 Compliance Type: Opt in and Opt out

This is how your blocking trigger would look like:

Trigger Type: Custom Event

Event name: .* , check: use regex matching

This trigger fires on some custom events: Beautiful Cookie Banner – Consent Status, does not contain „-allow-„.

If the compliance type is Opt-in, the variable returns a „-deny-„, if no cookie set. And if compliance type is Opt-out the variable returns a „-allow-„, if no cookie is set.

3.3. Compliance Type: Info only

If you want to block certain tracking scripts until the user closes the banner with ok, you can set up a trigger like this:

Trigger Type: Custom Event

Event name: .* , check: use regex matching

This trigger fires on some custom events: Beautiful Cookie Banner – Consent Status, does not contains „-dismiss-„.

4. Add Blocking Trigger to all Tags

Now add to every tag the correct blocking trigger. For example if you use differentiated consent and have google analytics on your site, configure you GA tags like this:

Happy Tracking!

5 thoughts on “Beautiful Cookie Banner – How to configure Google Tagmanager

  1. Noch eine Frage hierzu: muss ich auch ein Tag erstellen, damit die Trigger reagieren, sobald ein User im Cookie Plugin eine Einstellung auswählt?

    Vielen Dank im Voraus 🙂
    Grüße
    Eva

  2. Hallo Nikel,
    ich versuche mich an der Umsetzung des oben beschriebenen Verfahrens mit der Hoffnung, es zu verstehen, während ich es umsetze. Weil so ganz leuchtet mir das ganze nicht ein, was hier gemacht wird bzw. gemacht werden soll.

    Aber leider komme ich nicht weiter, Punkt 3 Create Blocking Triggers verstehe ich nicht. Wenn ich „Beautiful Consent Banner ….“ enthält nicht -analytics- eintrage – was genau mache ich da?
    Vielen Dank für eine Erklärung hierzu.

    Eva

    1. Hi Eva, das ist natürlich ein sehr breite Frage. Einen Artikel zu blocking trigger findest du hier: https://www.simoahava.com/gtm-tips/block-your-tags-with-trigger-exceptions/
      Generell findest du auf dieser Seite gute Erklärungen zum GTM.

      Aber um deine Frage zu beantworten, was du da genau machst:
      Du erstellst einen Trigger, der nur bei einem bestimmten consent auslöst. Also, der beispieltrigger mit does not contain „-analytics-“ löst aus, wenn der User analytics NICHT zugestimmt hat.
      Diesen Trigger kannst du nun als Exception/Ausnahmen zu allen deinen Tags hinzufügen, die diese Zustimmung benötigen.

      Diese feuern dann nur, wenn der User analytics zugestimmt hat. Wichtig ist, das „analytics“ genau mit dem Wert übereinstimmt, den du im Plugin als cookie suffix definiert hast.

      Ich hoffe ich konnte dir helfen.

        1. Hallo,
          wie erstelle ich ein individuelles Tag (nicht Google Analytics), sondern speziell für das Plugin Beautiful Cookie Banner?
          Danke für eine Antwort hierzu, viele Grüße
          Eva

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.

I have read and accepted the data privacy statement.