In diesen Beitrag zeige ich ihnen, wie man den Cookie Hinweis in Magento 2 einbindet. Wichtig: Falls Sie das Google Analytics per Backend eingebunden haben, müssen Sie dieses deaktivieren.

 

Dies können Sie unter

Shops --> Konfiguration -> Umsatz --> Google API

 

Überprüfen und gegebenen Fall deaktivieren.

 

Im nächsten Schritt gehen Sie unter

 

Inhalt --> Konfiguration

 

und öffnen dort die jeweiligen Main Website Stores in welchen Sie Analytics weiterverwenden wollen.

 

Im Menü HTML-Kopf fügen Sie bei Skripte und Style Sheets folgenden Code ein:

 

<script>

var gaProperty = 'UA-XXXXXXXXX-X',

disableStr = 'ga-disable-' + gaProperty;

if (document.cookie.indexOf(disableStr + '=true') > -1) {

                window[disableStr] = true;

}

function gaOptout()

{

                document.cookie = disableStr + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/';

                window[disableStr] = true;

}

function gaOptin()

{

                window[disableStr] = false;

                document.cookie = disableStr + '=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/';

}                             

</script>

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" />

 

In diesen Code Abschnitt ersetzen Sie in der Zeile

 

var gaProperty = 'UA-XXXXXXXXX-X',

 

die X Platzhalter durch die API Nummer die Sie von Google Analytics bekommen haben.

 

Anschließend klicken Sie neben dem Textfeld auf „Standardwert verwenden“.

 

Als Nächstes fügen Sie den nachfolgenden Code im selben Menü unter

 

Fußzeile --> Diverses HTML

 

ein:

 

<script src="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js" data-cfasync="false"></script>

<script>

window.cookieconsent.initialise({

                "palette": {

                               "popup": {

                                               "background": "#000"

                               },

                               "button": {

                                               "background": "#f5f5f5"

                               }

                },

                "type": "opt-in",

                "content": {

                "message": "",

                "allow": "",

                "link": "",

                "deny": "",

                "policy": "",              

                },

                onInitialise: function (status) {

                               var type = this.options.type;

                               var didConsent = this.hasConsented();

                               if (type == 'opt-in' && didConsent) {

                                               @if(app('env') !== 'local')

                                                               (function (i, s, o, g, r, a, m)

                                                               {

                                                                              i['GoogleAnalyticsObject'] = r;

                                                                              i[r] = i[r] || function ()

                                                                              {

                                                                                              (i[r].q = i[r].q || []).push(arguments)

                                                                              }, i[r].l = 1 * new Date();

                                                                              a = s.createElement(o),

                                                                                              m = s.getElementsByTagName(o)[0];

                                                                              a.async = 1;

                                                                              a.src = g;

                                                                              m.parentNode.insertBefore(a, m)

                                                               })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');

                                                               ga('create', gaProperty, 'auto', {

                                                                              anonymizeIp: true

                                                               });

                                                               ga('set', 'anonymizeIp', true);

                                                               ga('send', 'pageview');

                                                               gaOptin();

                                               @endif

                               }

                },

                onStatusChange: function(status, chosenBefore) {

                               var type = this.options.type;

                               var didConsent = this.hasConsented();

                               if (type == 'opt-in' && didConsent) {

                                               @if(app('env') !== 'local')

                                                               (function (i, s, o, g, r, a, m)

                                                               {

                                                                              i['GoogleAnalyticsObject'] = r;

                                                                              i[r] = i[r] || function ()

                                                                              {

                                                                                              (i[r].q = i[r].q || []).push(arguments)

                                                                              }, i[r].l = 1 * new Date();

                                                                              a = s.createElement(o),

                                                                                              m = s.getElementsByTagName(o)[0];

                                                                              a.async = 1;

                                                                              a.src = g;

                                                                              m.parentNode.insertBefore(a, m)

                                                               })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');

                                                               ga('create', gaProperty, 'auto', {

                                                                              anonymizeIp: true

                                                               });

                                                               ga('set', 'anonymizeIp', true);

                                                               ga('send', 'pageview');

                                                               gaOptin();

                                               @endif

                               }

                               if (type == 'opt-in' && !didConsent) {

                                               gaOptout();

                               }

                },

                onRevokeChoice: function() {

                               var type = this.options.type;

                               if (type == 'opt-in') {

                                               gaOptout();

                               }

                }

});

</script>

 

Im letzten Schritt passen Sie den Cookie Hinweis wahlweise mit Ihren eigenen Texten an. Der hier aufgeführte Text ist nur ein Beispiel.

 

"content": {

"message": "Um die Webseite optimal gestalten und fortlaufend verbessern zu können, verwenden wir Cookies. Durch die weitere Nutzung der Webseite stimmen Sie der Verwendung von Cookies zu.",

"allow": "Cookies erlauben",

"link": "<a target='_blank' style='color:#fff;' href='/datenschutz'&gMehr Infos</a>",

"deny": "Ablehnen",

"policy": "Cookie Verwaltung",

},

 

Die Variablen haben folgende Bedeutungen:

 

Message: Diese Variable beinhaltet den Text mit dem Sie auf die Cookies aufmerksam machen.

 

Allow: Hier schreiben Sie den Text rein, welches der Akzeptieren Button beinhalten soll.

 

Link: Hier verlinken Sie per HTML auf die Datenschutzerklärung Ihrer Webseite. Falls die URL der Datenschutzerklärung bei Ihnen auf der Webseite mit /datenschutz endet, können Sie den Code unverändert übernehmen.

 

Deny: Hier schreiben Sie den Text rein, welches der Ablehnen Button beinhalten soll.

 

Policy: Diese Variable beinhaltet den Text, wenn der Cookie Hinweis eingeklappt ist.

 

Wenn Sie die Variablen ausgefüllt haben, klicken Sie auf Standardwert verwenden, speichern Sie die Änderungen ab und löschen unter

 

System --> Cache-Management

 

die Caches.

 

Beim Öffnen Ihrer Seite müsste jetzt der Cookie Hinweis eingeblendet werden. Wenn nicht muss als weiterer Schritt der Cache Ihres Browser gelöscht werden.

 

Hinweis: Falls Ihr Shop mehrsprachig sein sollte, ist es nötig diese Anleitung für jeden Store View zu wiederholen.