Den Google Tag Manager auf einer Worldpress-Website installieren.

Für wen ist es relevant?

Dieser Arbeitsschritt ist für WordPress-Nutzer:innen relevant.

Was ist das Ziel?

Die Installation des Google Tag Managers auf einer WorldPress-Website.

Warum ist das wichtig?

Es ermöglicht die Implementierung von Tags und Triggern, ohne dass man auf Webentwickler angewiesen ist.

Was ist das Ergebnis?

Eine erfolgreiche Installation des Google Tag Managers.

Wann macht man das?

Nach der Installation von WordPress, aber auch nach jeder Änderung des Themes.

Was wird benötigt?

Admin Zugang zur WorPress-Website und einen Google Account.

Wieviel Zeit benötigt man?

Circa 10 - 15 Minuten.

Schwierigkeitsstufe:

Medium

Was ist der Google Tag Manager?

Der Google Tag Manager ist ein kostenloses Tool, mit dem man Marketing-Tags wie zum Beispiel Codeschnipsel oder Zählpixel auf Websites verwalten und einsetzen kann, ohne dabei den Code der Website immer wieder erneut bearbeiten zu müssen. So können Marketingverantwortliche auch ohne Programmierkenntnisse und ohne Mithilfe von Webentwicklern dank der einfachen und zuverlässigen Tag-Verwaltung mehr als 50 unterschiedliche Tags implementieren und so in Verbindung mit Google Analytics  Messwerte viel schneller und einfacher erfassen.

Bereit? Dann starten wir:

Einen Google Tag Manager Account einrichten:

  • Klicken Sie im nächsten Schritt auf „Konto erstellen„. 
  • Fügen Sie Ihrem Konto einen Namen hinzu. Verwenden Sie z. B. Ihren Firmennamen. (1)
  • Wählen Sie im Drop-down-Menü Ihr Land aus. (2)
  • Entscheiden Sie ob Sie Ihre Daten anonymisiert mit Google teilen wollen. (3)
  • Im Feld „Containername“ geben Sie die URL Ihrer Website an (4)
  • Wählen Sie als Zielplattform „Web“ aus. (5)
  • Klicken Sie auf „Erstellen„. (6)
  • Akzeptiere die Datenverarbeitungsbedingungen.  (1)
  • Klicken Sie danach auf die Schaltfläche „Ja„. (2)
  • Im nächsten Fenster erscheint nun ein Overlay mit dem Code, der in WordPress installiert werden muss.
  • Der obere Code Snippet muss so weit oben wie möglich im <head> der Seite eingefügt werden (1) und der untere Code Snippet muss direkt nach dem eröffnenden <body> eingefügt werden. (2)
  • Öffnen Sie nun einen neuen Tab in Ihrem Webbrowser, holen Sie sich noch eine Tasse Kaffee und dann machen wir in der WordPress Installation weiter.

Google Tag Manager zur WordPress-Website hinzufügen.

  • Starten Sie im neu geöffneten Tab Ihre WordPress-LogIn-Seite:


    ihredomain.de/wp-admin
    oder ihredomain.de/wp-login.php 

  • Loggen Sie sich mit Ihren Admin Anmeldedaten in WordPress ein.

  • Sollten Sie es noch nicht gemacht haben, dann erstellen Sie zur Sicherheit zuerst ein Backup Ihrer WordPress-Installation.
  • Gehen Sie zum „Theme-Datei-Editor„.

  • Diesen erreichen Sie entweder über den Menüpunkt „Design“ oder in englischprachigen Installationen über „Appearance“ oder über den Menüpunkt „Themes„.

  • Klicken Sie auf „Theme-Datei-Editor„.

  • Es erscheint nun ein Overlay, mit der Überschrift „Achtung“ klicken Sie auf „Verstanden„, um auf die Oberfläche des Theme-Datei-Editors zu gelangen.
  • Sie befinden sich nun im Theme-Editor Ihres WordPress-Blogs, wo Sie den eigentlichen Quellcode Ihres Themes (das Herzstück Ihrer Website) sehen. Aber keine Angst, ich zeige Ihnen Schritt für Schritt, wie Sie den Code des Google Tag Managers dort einfügen.
  • Im großen Block sehen Sie den Code einer Seite Ihres Themes in HTML-Sprache. (1)
  • Rechts davon sehen Sie das Menü für den Zugriff auf die verschiedenen Dateien, aus denen Ihr Theme besteht. (2)

Das erste Code-Snippet des Google Tag Managers hinzufügen.

  • Zunächst Suchen wir nach dem „HEADER“ Ihres Themes.

  • Im Header ist der Code niedergeschrieben, der zuerst auf jeder Seite Ihrer Website geladen wird und genau dahin muss das erste Code-Snippet des Google Tag Managers platziert werden.

  • Suchen Sie in der rechten Spalte mit der Überschrift  „Theme-Datei“ nach „Theme-Header (header.php)“ und klicken Sie diesen an.
  • Kontrollieren Sie noch einmal in der Überschrift der mittleren großen Spalte, dass Sie die Datei „Theme-Header (header.php)“ geöffnet haben (1)
  • Klicken Sie mit der Maus irgendwo in den Bereich in dem der HTML-Code steht und drücken Sie dann die beiden Tasten Ctrl und F gleichzeitig, so dass sich das Suchfeld öffnet.
  • Geben Sie in das Suchfeld „<hea“ ein und drücken Sie die Enter-Taste (2)
  • Suchen Sie nun innerhalb des Bereiches nach dem gelb hervorgehobenem „<head>“ und setzten Sie den Cursor mit der Maus direkt dahinter.
  • Drücken Sie die Enter-Taste, so dass unter  „<head>“ eine Leerzeile eingefügt wird.
  • So, nun brauchen wir das Code-Snippet von Google. Dazu gehen Sie zum Browser-Tab in dem Sie den Google Tag Manager noch geöffnet haben.
  • Klicken Sie auf das obere „Kopier-Icon“ (1)
  • Gehen Sie zurück  zum Browser-Tab in dem WordPress geöffnet ist.
  • Setzen Sie den Cursor in die Leerzeile, die Sie unter „<Head>“ erzeugt haben.
  • Fügen Sie das Google Code-Snippet dort ein.

Das zweite Code-Snippet des Google Tag Managers hinzufügen.

 Der erste Teil ist geschafft. Jetzt sollte es Ihnen leicht fallen, auch das zweite Code-Snippet einzufügen, da die weiteren Schritte praktisch Wiederholungen sind:

  • Mit Ctrl und F öffnen Sie wieder das Suchfeld und geben jetzt „<body“ ein und drücken danach die Enter-Taste-
  • Suchen Sie nach dem gelb hinterlegten „<body>„.
  • Fügen Sie unter die Zeile mit „<body>“ wieder eine Leerzeile ein. 
  • So, nun brauchen wir das zweite Code-Snippet von Google. Dazu gehen Sie zum Browser-Tab in dem Sie den Google Tag Manager noch geöffnet haben.
  • Klicken Sie auf das untere „Kopier-Icon“ (1)
  • Gehen Sie zurück  zum Browser-Tab in dem WordPress geöffnet ist.
  • Setzen Sie den Cursor in die Leerzeile, die Sie unter „<Body>“ erzeugt haben.
  • Fügen Sie das Google Code-Snippet dort ein.
  • Fügen Sie unter die Zeile mit „<body>“ wieder eine Leerzeile ein. 
  • Nun ist es fast vollbracht. Nur noch speichern. Dazu die Schaltfläche „Datei aktualisieren“ nutzen.
  • Wenn nun die Meldung „Die Datei wurde erfolgreich bearbeitet.“ erscheint, dann haben Sie den Google Tag Manager erfolgreich auf Ihrer WordPress-Website installiert. Glückwunsch. Sie haben nun die Grundlage geschaffen, weitere Tags und Tracking-Pixels zu Ihrer Website hinzuzufügen. 

Sie haben nun einen sogenannten „Container“ auf Ihrer WordPress-Website, den Sie mit unterschiedlichen Tags und Triggern bestücken können. Aktuell stehen Ihnen im Google Tag Manager mehr als 50 Tag-Typen zur Verfügung. Im nächsten Schritt richten wir Google Analytics für Ihre WordPress-Website ein und im Anschluss daran, verknüpfen wir Google Analytics mit dem Google Tag Manager.