Beautiful Cookie Banner – WordPress Plugin

Explanation how the WordPress Plugin „Beautiful Cookie Consent Banner“ saves users choice in cookies.

How are the user settings saved with different compliance types?

Just tell them we use cookies

As soon as the user clicks the button, a cookie is stored. The default cookie name is: cookieconsent_status with value = dismiss. You can change the cookie name under Settings > Cookie Consent Banner > Cookie Settings, if you want.

Differentiated Consent – 1 & 2 Buttons

Differentiated Consent – 1 Button
Differentiated Consent – 2 Buttons

With „Differentiated Consent“ there is a cookie stored for each Consent Type/Cookie Type. In this example the cookie types are: Technical and Marketing. If you choose the option the following cookies will be saved with first page load of the user, in this example the following cookies are saved, without user interaction:

  • cookieconsent_status_tech = allow
  • cookieconsent_status_marketing = deny

Per default the cookies are only set after a user interaction.

After user clicks „Save Settings“, the cookies are set again with the settings of the user. And in addition the default cookie is set:

  • cookieconsent_status = savesettings. If user clicks on button „Save Setting“
  • cookieconsent_status = allowall. If user clicks on button „Allow all“

You can use this cookie, if you want to know if the user had made already an an active choice or not.

Wrap up cookies „differentiated consent“

Cookiename (can be adjusted in Settings)Possible ValuesWhen setDescription
cookieconsent_status savesettings/allowalluser click on banner buttonUse this cookie to check if there was an user interaction with the banner.
cookieconsent_techallow/denyfirst page view (depending on setting), user clicks on buttonUse this cookie to check if user agreed to technical cookies.
cookieconsent_marketing allow/deny first page view (depending on setting) , user clicks on button Use this cookie to check if user agreed to marketing cookies.

These cookienames and settings are only examples! They can be adjusted freely in the settings area.

Opt-In and Opt-Out

For both compliance types the Banner looks the same and the cookie values are the same as well.

If the user clicks „Allow“ a cookie cookieconsent_status = allow is saved. If user clicks „Deny“ the value of the cookie is deny.

You can adjust the text of the buttons freely, but the value of the cookie is not adjustable.

Link to Plugin: https://wordpress.org/plugins/beautiful-and-responsive-cookie-consent/

19 thoughts on “Beautiful Cookie Banner – WordPress Plugin

  1. Moin Nikel,
    danke für das Plug-in. Eine Frage hätte ich allerdings: Der original code von Osano listet unter den features der 3.0 Version folgenden Punkt:

    „Ability to GeoLocate and only show the addon to people in the relevant countries“.

    Kann dies auch über das WP-Plug-in gemacht werden?

    Beste Grüße,
    Mathias

  2. Hallo,

    tolles Plugin – allerdings mit einem störenden Bug: Wenn die Schieberegler bzw. Checkboxen von „Zugestimmt“ auf „Nicht zugestimmt“ geschoben werden, ändert sich die Hintergrundfarbe vom Regler erst, wenn man „irgendwohin“ klickt.

    Liebe Grüße aus Bremen,
    Jörg

  3. Hey Nikel! Amazing plugin and great that it works with Osano.

    I have Google Analytics from GTM running on the site, and have set it up to wait for the consent cookie to = allow before firing the GA tag. This part works fine, but is there a way to have GA STOP working once the user changes their preference to deny? I checked the cookie and it works fine, but was wondering if this is a problem from the plugin side, or if it’s on the GTM side.

    Any thoughts?

  4. Hi Nikel:

    Thanks for plugin – very easy to use and works well. Is there any way to disable it on a specific page or post? I am using an iframe to bring in some content and it shows twice.
    Thank you for your help,

    Michel

    1. Aktuell leider noch nicht, aber es ist in Arbeit. Kannst du deinen use case ein bisschen genauer beschreiben? Die Bannertexte kannst du ja direkt im Admin übersetzen.

  5. Endlich mal ein vernünftig konzipiertes Plugin. Allerdings komme ich nicht dahinter, wie mein Google-Analytics-Cookie-Code weiß, dass „_marketing“ nun aktiviert/deaktiviert wurde? Wie steure ich also die Funktion?

    1. Hi Timo,

      schau dir einmal diesen Artikel an: https://nikel.co/how-tos/beautiful-cookie-banner-how-to-configure-google-tagmanager/, vielleicht wird dann einiges deutlicher. Leider steckt das Tagmanager plugin noch im review prozess.

      Generell musst du den Cookie auslesen, den das Plugin schreibt. Wenn dein Cookie Suffix in der Einstellung „marketing“ ist. Musst du den Cookie „cookieconsent_status_marketing“ auslesen. Wenn der Inhalt= allow ist, sind marketing cookies erlaubt.

      Ich hoffe ich konnte dir helfen.

  6. Hallo Nikel,

    ich arbeite gerade an einem neuem Webprojekt und habe Dein Beautiful Cookie Banner Plugin installiert.
    Gefällt mir richtig gut! Habe nur ein kleines grafisches Problem:
    Ich habe mich für das Cookie-Banner „Edgeless“ entschieden.
    Leider fängt der Text zu weit links an, sodass die Abstände unten und links nicht gleich sind.
    Das stört total. Habe es zwar mit   am Anfang des Textes gelöst, sieht aber auf den Smartphones nicht cool aus, wenn das erste Wort versetzt ist.
    Gibt’s eine Lösung, damit der Abstand links gleich ist wie unten?
    Unter dem unten genannten Link kannst Du sehen, was ich meine…

    Danke vorab!

    Viele Grüße aus Stuttgart
    Eugen

    1. Hallo Eugen,

      es freut mich, dass dir das Plugin gefällt.
      Als schnelle Lösung kannst du im Theme Customize unter „Zusätzliches CSS“ den Abstand über folgendes CSS regeln:

      .cc-banner.cc-theme-edgeless .cc-message {
      margin-left: 1em;
      }

      Damit kannst du den Abstand nach links steuern. Der Codeschnippsel von mir ist die Standardeinstellung.

      Grüße

      1. Hi Nikel,

        vielen Dank für die schnelle Rückmeldung!
        Leider gibt es damit keine Auswirkung auf den Textblock.
        Habe mit 2em, 3em und Pixelangaben ausprobiert…
        Eine andere Lösung zufällig?

        Danke vorab!

Schreibe einen Kommentar

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

I have read and accepted the data privacy statement.