Google Tag Manager richtig einbinden

[Tim]

Hi,
es sind keine Änderungen am mitgelieferten Template in der Regel notwendig. Alternativ kann auch das analytics_google Template genutzt werden. Dort kann zusätzlich die Consent Optionen gesetzt werden, wenn gewünscht.

Damit das Tracking beginnt, darf man nicht am Backend angemeldet sein.

[liebling65]

Eieiei... sowas:

# in der Wurzelseite den Google Tag eingetragen - check
# im Seitenlayout "analytics_googletagmanager (global)" angehakt - check
# Template "analytics_googletagmanager.html5" neu angelegt - check
# Privacy Manager 1, 2 und 3 ausgewählt (wenn er beim Starten der Website erscheint, auch im DEV geprüft) - check
# sehe im Quelltext auch den Code

<script id="googletagmanager_AW-xxxxxxx">
// Optin privacy setting token
var token = localStorage.getItem('user_privacy_settings');
if( token == undefined )
{
token = '';
}
if(token.indexOf(3) >= 0)
{
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','AW-xxxxxxx');
}

// listen to privacy event
jQuery(document).on('Privacy.changed',function(eve nt,params)
{
if(params.level.indexOf(3) >= 0)
{
//location.reload();

(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','AW-xxxxxxx');
}
});
</script>

Trotzdem sagt der Tag Assistant Companion der Tag ist nicht richtig installiert - warum? Was hab ich vergessen?

[whitestone]

Danke nochmals für die Hilfe.

[Tom]

Ja, sieht soweit korrekt aus.

[whitestone]

Jetzt werden bei Setting 1 keine Cookis geladen, beim Wert 3 schon - siehe Anhang. Sollte alles jetzt wie gedacht funktionieren.

Ich warte auf die Rückmeldung vom Kunden betreffend GTM.

[Tom]

Ich würde die Seite mal aufrufen, im Optin alles ablehnen und dann mal schauen ob Cookies geladen werden.

Das kann man ganz gut in der Google Chrome DEV-Bar im Reiter Applications > Storage > Cookies sehen.

[whitestone]

Soweit ich das jetzt sehe wird Google Analytics schon getrackt - siehe Anhang.

Allerdings nicht nur nach vorheriger Zustimmung im Privacy Manager. Verstehe ich das richtig?

[Tom]

Das heißt, es wird auch nicht getrackt, wenn du den Code des Tag Managers ganz normal – ohne den Privacy Manager – einbindest?
Ich würd sonst mal die Chrome-Extension für den Google Tag Assistant installieren und schauen.

Schöne Grüße
Thomas

[whitestone]

Sorry, dass ich mich erst so spät melde.

Ich hab jetzt einmal ein neues "analytics_googletagmanager" Template erstellt, dann den Code aus der Privacy Library eingefügt, er wird auch im Quelltest ausgeben. Soweit ich im Google Tag Assistent sehe, feuert er aber nicht.

Danach habe ich den Code den mir der Kunde aus dem GTM zur Verfügung gestellt hat eingefügt, aber soweit ich das sehe das gleiche Bild.

Leider bin ich in der Materie nicht so firm.

[Tom]

Hast du mal die Script-Vorlage "Google Tag Manager" aus der Privacy Manager Bibliothek versucht?
https://service.premium-contao-themes.com/downloads/privacy-manager-scripte-bibliothek.html

Schöne Grüße
​​​​​​​Tom

[whitestone]

Ich habe den Schlüssel des GTM in der Wurzelseite in das vorgegebene Feld eingetragen und in den Layouts das entsprechende Analytics-Template ausgewählt. Folgender Code ist im Quellcode auch sichtbar (btw. egal welcher Level beim Privacy Manager ausgewählt ist)

<script id="googletagmanager_GTM-*******">
// Optin privacy setting token
var token = localStorage.getItem('user_privacy_settings');
if( token == undefined )
{
token = '';
}
if(token.indexOf(3) >= 0)
{
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-********');
}

// listen to privacy event
jQuery(document).on('Privacy.changed',function(eve nt,params)
{
if(params.level.indexOf(3) >= 0)
{
//location.reload();

(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-********');
}
});
</script>

Jedoch kommt beim Kunden im GTM folgende Fehlermeldung: Google-Tag: GTM-******** nicht gefunden. Prüfen Sie, ob das Tag
- auf der Seite installiert ist
- nicht durch eine Browsererweiterung oder einen Dialog zur Einhaltung von Einwilligungen blockiert wird

Beim Privacy Manager wurde alles erlaubt. Nicht im Backend eingeloggt.


Muss ich sonst noch etwas einstellen?


Vom Kunden wurde vom GTM folgender Code zu Verfügung gestellt:

Head

<!-- Google Tag Manager -->

<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':

new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],

j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; j.async=true;j.src=

'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);

})(window,document,'script','dataLayer','GTM--********');</script>

<!-- End Google Tag Manager -->

Body

<!-- Google Tag Manager (noscript) -->

<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM--********"

height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

<!-- End Google Tag Manager (noscript) -->

Oder muss ich diesen Code einfügen?

DANKE für hilfreiche Tipps