Einrichten des GoogleTagManagers


Zum Hintergrund: seit kurzem verwenden wir den GoogleTagManager(GTM) bei den Hörnerdörfern. Ziel ist es die diversen Analytics Accounts die hier verwendet werden (Bolsterlang, Fischen etc.) unter einen Hut zu bringen. Hierzu kann man im Tagmanager Profil Regeln und Tags erstellen, anhand derer das Tracking dann ausgeführt wird (dazu später mehr).

Ermöglicht  wird das Ganze über Einbindung eines GTM-Containers im Code, der den sehr ähnlichen GA-Code ersetzt. Der Container sorgt dafür, dass das ‚gmt.js‘ eingebunden wird, welches dafür sorgt, dass die konfigurierten Tags und Regeln vom Browser erkannt werden.

Das Zusammenspiel von Tags und Regeln ist denkbar simpel: solange die Regeln eingehalten werden, werden entsprechend Tags eingebunden, oder eben nicht. Als Tags werden in unserem Fall Google Analytics Ids hinterlegt (Wichtig: Beim anlegen im Tag Manager daran denken unter „weitere Einstellungen->Grundkonfiguration“ das Häkchen bei „IP-Adresse anonymisieren“ zu setzen).

Damit die tags dann auch da ausgespielt werden wo sie sollen, müssen Regeln definiert werden. z.B. soll bei den Hörnerdörfern der Tag der das GA-Tracking für „www.fischen.de“  enthält natürlich nur unter den Seiten ausgespielt werden die auch zu fischen gehören. Um das zu erreichen hinterlegen wir Regeln nach folgendem Schema: „URL enthält ‚://www.fischen.de‘ „. Alles was wir hierfür tun müssen, ist eine Neue Regel zu erstellen, im Dropdown „URL“ und „enthält“ auszuwählen und dann die Regel dem entsprechendem Tag zuweisen.

Um das Ganze zu testen müssen wir unseren googleTag jetzt noch veröffentlichen, dann kann man im Chrome beim Aufruf der gewünschten Seite(aktualisieren mit strg +F5) mit den Developertools (öffnen mit F12) zu Sources navigieren, wo nun „www.googletagmanager.com“ zur Auswahl stehen sollte. Darunter liegt das gmt.js, das alle Informationen enthalten sollte, die wir soeben angelegt haben (Regeln und Tags), wenn nicht haben wir was falsch gemacht. Interessierte können sich also das gmt.js kopieren und der Übersicht halber z.B. in notepad++ einfügen. Dort dann einfach nach der Analytics Id suchen, so kommt man zu den Regeln und Tags. (es treten hier alle GA-Ids auf die mit dem Account verknüpft sind, allerdings sorgen die hinterlegten Regeln dafür, dass immer nur die Erwünschten ausgelesen werden).

 

 

Kommentare

Selber kommentieren:






Weitere Beiträge zum Thema Technologie


<enki/>

Autor*in: Benjamin Hofmann


Technologie // Über den Tellerrand


Ich bin neulich über Enki, eine kleine interessante App für iPhone und Android gestolpert, die einem Entwickler zu bestimmten Themen täglich kleine Aufgaben gibt, die es zu lösen gilt. Das Ganze dient dazu in wenigen Minuten täglich etwas zusätzliches Wissen aufzubauen oder dieses zu vertiefen. Die App stellt sich wie ein typischer Fitness-Tracker da und …


Beitrag lesen
07
SEP
16

AJAX Ladeschnecke ohne Bilder oder zusätzlichem CSS

Autor*in: Stefan Oswald


Technologie // User Experience & Design


Der Anwendungsfall tritt sehr oft ein: Eine Ergebnisliste soll nachgefiltert werden, und zur Visualisierung, dass gerade etwas im Hintergrund passiert, soll eine „Ladeschnecke“ (oder vielleicht etwas old-school-mäßig ein Fortschrittsbalken) angezeigt werden. Oftmals wird das so umgesetzt, dass man im „beforeLoad“-Ereignis des AJAX-Calls eine animierte Grafik hinzufügt, welche im „complete“-Ereignis wieder entfernt oder unsichtbar gemacht wird. …


Beitrag lesen
23
JUL
14

PHP Locale Setting für Windows

Autor*in: Stefan Oswald


Technologie


Um deutsche Locales unter PHP auf einem Linux-System zu verwenden, setzt man einfach die gewünschte Locale-Einstellung (z.B. LC_TIME) auf de_DE.utf8, und in der Regel passt das dann. Zur Not kann man sich mit dem Kommandozeilen-Parameter locale -a auch einfach die verfügbaren Locales ausgeben lassen und weiß dann Bescheid. Falls die benötigte Locale nicht installiert ist, …


Beitrag lesen
16
DEZ
11

PhotoSwipe: Responsive JavaScript Image Gallery

Autor*in: Benjamin Hofmann


Technologie // User Experience & Design


Ich bin gestern auf eine ziemlich geniale Lightbox-Lösung gestoßen: PhotoSwipe. Diese baut auf Vanilla JS auf und ist auf hohe Performance und die mobile Verwendung ausgelegt, bei der ja doch ziemlich viele Lightboxen scheitern oder von uns sogar deaktiviert werden. Und trotz all dieser Features sind das Skript und die dazugehörigen Styles sehr klein was …


Beitrag lesen
22
SEP
16