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


imx.Platform: Release-Notes Januar 2020

Autor*in: Brigitta Zinsser


infomax   //   Technologie


imx.Platform

Nachdem von zahlreichen Kunden der Wunsch an uns herangetragen wurde, dass sie gerne regelmäßig über aktuelle Neuerungen in der imx.Platform informiert werden möchten, starten wir ab diesem Jahr mit monatlichen Informationen zu den Neuerungen in der imx.Platform. Dieses Mal geht es im Neuerungen, die in den letzten Wochen bis einschließlich 28.01.2020 bereitgestellt wurden.


Beitrag lesen
28
JAN
20

Browser Diet

Autor*in: Benjamin Hofmann


Technologie


Eben bin ich über t3n auf eine interessante Website gestoßen: Browser Diet. Hier geht es darum, wie der Name bereits vermuten lässt, wie man Websites im Browser beschleunigen kann. Einiges davon machen wir bereits seit einiger Zeit, einiges nicht. Ein paar Beispiele dafür sind folgende Punkte: http://browserdiet.com/#cache-array-lengths Ein viel gemachter Fehler, auch in PHP, da …


Beitrag lesen
27
MRZ
13

Neues vom IE, Spartan Browser und Facebook Video

Autor*in: Benjamin Hofmann


Technologie


Der Spartan-Browser kommt ja so langsam ins Rollen, also gibt’s Neuigkeiten, was das für den IE bedeuten wird: „Gerüchte über das Ende des Internet Explorer sind stark übertrieben“, hält Microsoft zwar dagegen. Tatsächlich erneuerte dieser Post aber nur das Bekenntnis, den Internet Explorer für Firmenkunden am Leben zu erhalten“ Microsoft arbeitet seit einiger Zeit mit …


Beitrag lesen
26
MRZ
15

Photoshop-Ebenenstile als CSS3-Code exportieren

Autor*in: Michael Degener


Technologie   //   User Experience & Design


Ob Designer oder Entwickler, jeder der schon einmal eine Screen-Vorlage mit all seinen Ebenen mittels HTML und CSS zum Leben erwecken musste, hat sich insgeheim sicherlich schon einmal gewünscht, dass sich dabei manche Arbeitsschritte beschleunigen ließen. Wer kennt sie nicht, die allgegenwärtigen Buttons in Formularen, Teasern und Schnellsuchen. Von runden Ecken über Konturen und Schlagschatten …


Beitrag lesen
03
AUG
12