Google Tag Manager in WordPress installieren

Ziel: Einfügen des Google Tag Managers in einer WordPress Umgebung.

Ideales Ergebnis: Der Google Tag Managersist ordnungsgemäß und ohne technische
Probleme installiert.

Voraussetzungen oder Anforderungen: Dieser genaue Vorgang gilt nur für
WordPress.org-Sites.

Warum ist das wichtig: Google Tag Manager ist ein großartiges Tool, um mehrere
Pixel und Tracking-Codes hinzuzufügen und zu verwalten, ohne den Code einer
Website bearbeiten zu müssen.

Wo wird diese Aufgabe ausgeführt: In deiner WordPress-Installation und im Google
Tag Manager.

Wann ist die Aufgabe abgeschlossen: Einmalig, sobald der Tag installiert ist, ist die
Aufgabe erledigt.

 

So fängst du an

Wichtig: Diese Anleitung funktioniert nur für selbst gehostete WordPress-Sites, auch
bekannt als WordPress.org und nicht WordPress.com

  • Lade dir diese Browser Extension herunter Google Tag Assistant Legacy Chrome
    Extension (Kostenlos)
  • Erstelle ein Konto oder Logge dich in den Google Tag Manager ein (Kostenlos)
  • Du musst dich bei deinem Google-Konto anmelden
  • Wenn dies das erste Mal ist, dass du ein Google Tag Manager Konto
    erstellst, wirst du aufgefordert, diesen sofort einzurichten
  • Du kannst einfach deinen Firmen-/Webseitennamen sowohl für das
    Konto als auch für den Container verwenden.
  • Unter "Zielplattform”, wähle “Web”
  • Akzeptiere die Bedingungen und Konditionen.
  • Du wirst deinen Google Tag Manager-Code sehen, den du bei dieser
    Methode jedoch nicht benötigst.
  • Sobald du dich in deinem Arbeitsbereich befindest, notiere dir deine
    Google Tag Manager-ID.

Google Tag Manager Wordpress

  • Klicke auf Senden > Veröffentlichen > Weiter, um deinen Google
    Tag Manager-Container zu veröffentlichen

Google Tag Manager Wordpress verbinden

 

Installieren und konfigurieren das "Google Tag Manager" WordPress-Plugin

  • Logge dich in dein Wordpress Backend ein
  • In der Wordpress Sidebar, gehe zu Plugins > Neu hinzufügen 
  • Suche nach "Google Tag Manager for Wordpress" in der Suchleiste
  • Installiere das Google Tag Manager für WordPress plugin. (Bild kann sich
    auch geändert haben)

Google Tag Manager Wordpress plugin

  • Aktiviere das Plugin
  • In der WordPress sidebar, klicke auf Einstellungen > Google Tag Manager
  • Füge deinen Google Tag Manager ID (das was du vom Google Tag Manager kopiert / notiert hast.) in das Feld.

Google Tag Manager Wordpress installieren

 

  • Das Plugin bietet mehrere Möglichkeiten, den Container-Code auf deiner
    Seite zu installieren. Bevor du eine davon implementierest, empfehlen wir dir, ein
    Backup deiner Website zu erstellen.
  • Option 1: Codeless injection - mit dieser Option versucht das
    Plugin, die richtige Platzierung für den Container selber herauszufinden.
    Dies ist die einfachste Option, aber es besteht ein kleines Risiko, dass
    dabei etwas im Frontend deiner Website kaputt geht. Wenn du dich für
    die codelose Injektion entscheidest, wähle diese Option aus der Liste und
    klicke auf "Änderungen speichern".

Google Tag Manager Wordpress codeless einbinden

 

  • Nachdem dem du dies ausgewählt hast, besuchen die Website in einem
    neuen Tab oder einem neuen Fenster und überprüfe, ob alles richtig
    aussieht. Wenn dies der Fall ist, kannst du mit dem nächsten Schritt
    fortfahren
  • Option 2: Custom - mit dieser Option musst du eine kleine
    Bearbeitung an deinen Theme-Dateien vornehmen. Wenn dein
    WordPress-Theme es dir erlaubt, Änderungen vorzunehmen, und du mit
    dem Theme-Editor vertraut bist, kannst du diese Option verwenden.
    Wähle die Platzierung des Container-Codes "Custom (needs tweak in
    your template)" und klicke auf "Änderungen speichern."

Google Tag Manager Wordpress  custom einbinden

  • Kopieren den vom Plugin bereitgestellten php-Code und klicken auf "Änderungen speichern".

Google Tag Manager Wordpress php

  • Gehe in der WordPress-Seitenleiste zu Design > Theme-Editor
  • Vergewissere dich, dass du das Theme bearbeitest, das du derzeit
    auf deiner Website installiert hast (Du kannst zu Design> Themes gehen,
    um den Namen des von dir verwendeten Themes zu überprüfen)

Google Tag Manager Wordpress verbinden über theme editor

 

  • Wähle in der Rechten Seitenleisten “Theme-Header” aus

Google Tag Manager Wordpress verbinden theme header

 

  • Diese Vorlage ist je nach dem von dir installierten Theme
    unterschiedlich. Du wirst jedoch immer einen öffnenden <body>-Tag im Code finden können.

Google Tag Manager Wordpress verbinden body code

  • Fügen den vom Plugin bereitgestellten PHP-Code direkt unter dem öffnenden <body>-Tag ein.

GTM Tag Wordpress code

  • Klicke anschließend auf “Datei aktualisieren”

 

Überprüfe ob der Code angezeigt wird

 

  • Besuche deine Webseite.
  • Click auf die Chrome Extension in deiner Browserleiste: Klicke auf “Enable”

Google Tag Manager Wordpress verbinden überprüfung

 

  • Lade / aktualisiere deine Seite erneut. Und klicke nochmals auf das Logo von der Extension
  • Du solltest nun grünes Label sehen und den dazugehörigen Google Tag Manager Container.

Google Tag Manager in Wordpress verbinden

 

Das wars! Solltest du das obere Ergebnis sehen, ist der Tag Manager aktiv! Im nächsten Schritt solltest du Google Analytics mit dem Tag Manager kombinieren

 

Fragen & Lob? Schreib Sie doch einfach mal in die Kommentare!


ÜBER DEN AUTOR

Christopher Potthast

Christopher Potthast

Christopher Potthast (Craftconversion) ist Experte für Online-Marketing und hat bereits zahlreiche Projekte aufgebaut in denen er sein Wissen unter Beweis gestellt hat. In diesem Blog erfährst du mehr über seine Expertise.

Abonniere unseren Newsletter

Empfehlungen und Eindrücke aus der direkten Praxis - für dein Business Alltag!

Wir sind Ihr Ansprechpartner rund um das Thema Online Marketing

SEO Agentur
Online Marketing Blog