Integration von Google Tag Manager mit Google Analytics

[Discourse]

Diese Anleitung hilft Ihnen bei der Einrichtung von Google Tag Manager (GTM) und dessen Verwendung mit Google Analytics (GA) auf Ihrer Discourse-Website. Zusätzlich wird die Konfiguration von Variablen, Triggern und Tags in GTM zur Verfolgung von Seitenaufrufen behandelt.

Diese Anleitung behandelt die Einrichtung von Google Tag Manager. Wenn Sie nur Google Analytics für Ihre Website aktivieren möchten, stellen Sie den G-Tag in der Website-Einstellung ga universal tracking code ein. Unsere Einstellungen beziehen sich möglicherweise immer noch auf alle Analysen als universal, dies ist jedoch ein Artefakt der alten Feldbenennung. Die folgenden Anweisungen verwenden Google Tags und funktionieren damit.

Erforderliches Benutzerniveau: Administrator

Die Integration von Google Tag Manager (GTM) mit Google Analytics (GA) ermöglicht es Ihnen, Ereignisse auf Ihrer Discourse-Website effektiv zu verwalten und zu verfolgen. Diese Anleitung deckt den gesamten Einrichtungsprozess ab, von der Erstellung eines GA-Kontos bis zur Konfiguration von GTM mit den erforderlichen Tags und Triggern.

Zusammenfassung

1. Erstellen Sie ein Google Analytics-Konto und eine Property.
2. Richten Sie Google Tag Manager ein.
3. Konfigurieren Sie GTM-Variablen, Trigger und Tags.
4. Integrieren Sie GTM in Ihre Discourse-Website.

Google Analytics-Konto erstellen

1. Besuchen Sie Google Analytics und melden Sie sich mit Ihrem Google-Konto an.

2. Wenn Sie noch kein Konto haben, folgen Sie den Anweisungen, um eines zu erstellen.

3. Erstellen Sie eine Property, indem Sie auf „Verwalten“ und dann auf „Property erstellen“ klicken.
   

   

4. Füllen Sie die erforderlichen Details auf dem Bildschirm „Property-Erstellung“ aus.
   

   

5. Geben Sie Ihre Geschäftsinformationen auf dem nächsten Bildschirm ein.
   

   

6. Wählen Sie Ihre Geschäftsziele entsprechend aus.

Info: Die Auswahl der vier Abschnitte entspricht am ehesten den Berichten, die Analytics typischerweise bereitgestellt hat:

7. Wählen Sie „Web“ als Plattform für die Datenerfassung.
   

   

8. Richten Sie einen Datenstream ein, indem Sie die URL Ihrer Website und einen Stream-Namen eingeben.
   

   

Nachdem Sie Ihren Webstream erfolgreich erstellt haben, notieren Sie sich Ihre Mess-ID. Sie benötigen diese für die GTM-Einrichtung.

Google Tag Manager einrichten

1. Besuchen Sie Google Tag Manager und erstellen Sie ein Konto.
2. Richten Sie einen Container ein, indem Sie den Anweisungen folgen, und wählen Sie „Web“ als Plattform.
   
   

GTM konfigurieren

Variablen

1. Gehen Sie in GTM zum Tab „Variablen“ und klicken Sie im Abschnitt „Nutzerdefinierte Variablen“ auf „Neu“.
2. Erstellen Sie zwei Data Layer-Variablen:

• Titel: DL-page-title
  Typ: Data Layer Variable
  Data Layer Variable Name: page.title
  Data Layer Version: 2

• Titel: DL-page-url
  Typ: Data Layer Variable
  Data Layer Variable Name: page.url
  Data Layer Version: 2

Wählen Sie als Beispiel den Variablentyp:

Konfigurieren Sie dann die Variablen wie in diesem Beispiel:

Trigger

1. Gehen Sie zum Tab „Trigger“ und klicken Sie auf „Neu“.

2. Wählen Sie „Benutzerdefiniertes Ereignis“ als Typ.

   

3. Benennen Sie den Trigger virtualPageView und speichern Sie ihn.

   Das Endergebnis sollte wie folgt aussehen:
   

   

Tags

1. Gehen Sie zum Tab „Tags“ und erstellen Sie ein neues Tag.

2. Wählen Sie Google Analytics: Google Tag als Tag-Typ.
   

   

3. Konfigurieren Sie das Tag mit den folgenden Details:

• Mess-ID: Geben Sie Ihre Mess-ID von GA ein.
• Erforderliche Felder zum Festlegen:
  • title: {{DL-page-title}}
  • page: {{DL-page-url}}
  • send_page_view: true
  • page_path: {{Page Path}}

Wenn Sie fertig sind, sollte es wie folgt aussehen (beachten Sie, dass Sie zusätzlich zu den obigen Parametern einen userID-Parameter hinzufügen können, aber Sie müssten eine zusätzliche Variable wie DL-page-url hinzufügen):

4. Wählen Sie den Trigger virtualPageView für dieses Tag.
   
   
5. Benennen Sie Ihr Tag und speichern Sie es.

Ihren GTM-Workspace veröffentlichen

Veröffentlichen Sie Ihren Container in GTM, indem Sie oben rechts auf der Seite auf die blaue Schaltfläche „Senden“ klicken.

Wichtig: Wenn Sie 404-Fehler von googletagmanager.com erhalten, stellen Sie sicher, dass die Änderungen Ihres GTM-Containers veröffentlicht wurden.

GTM in Discourse integrieren

1. Gehen Sie zu Ihren Discourse-Admin-Einstellungen und suchen Sie nach gtm container id.
2. Geben Sie Ihre GTM-Container-ID (Format: GTM-XXXXXX) in das entsprechende Feld ein.
   
   

Hinweis: Entfernen Sie jeglichen vorhandenen Analytics-Tracking-Code aus den Einstellungen ga universal tracking code und ga tracking code in Discourse.

Laden Sie Ihre Website neu und überprüfen Sie die Echtzeit-Inhaltsansicht in GA, um zu bestätigen, dass Daten über GTM fließen.

Zusätzliche Verwendungszwecke

Mit GTM können Sie weitere Tags hinzufügen, um zusätzliche Ereignisse zu verfolgen, wie zum Beispiel:

• Google DFP
• AdWords
• LinkedIn

Verwandte Links

• Verwendung von Nonces in Google Tag Manager-Skripten
• Senden benutzerdefinierter Ereignisse an Google Tag Manager und Analytics
• Hinzufügen von Google Auto Ads zu Discourse über Google Tag Manager

[MarkDoerr]

Wie bereits erwähnt, wurde das GA4-Konfigurationstag entfernt und Sie wählen nun das Google-Tag aus. Die Einrichtungsschritte bleiben gleich, aber ich habe die Dokumentation aktualisiert.

Für alle, die zuvor das GA4-Tag eingerichtet hatten, sollte es automatisch aktualisiert worden sein und erfordert keine Änderungen Ihrerseits.

[Stefan_Holmes]

Erwähnenswert ist, dass dies im Hinblick auf die aktuellen GA4/GTM-Best Practices keine optimale Einrichtung ist und Schritt Nr. 2 im Abschnitt „Trigger“ falsch zu sein scheint.

Anstelle eines „Page View“-Triggers sollte dies ein „Custom Event“-Trigger mit dem Namen virtualPageView sein.

cookieDomain = auto scheint ein Überbleibsel von Universal Analytics zu sein und wird nicht benötigt. GA4 kümmert sich automatisch um die Subdomain-Navigation.

Eine weitere Best Practice ist, dass der Google Tag bei der Initialisierung ausgelöst wird, send_page_view auf false gesetzt wird und stattdessen ein separater GA4-Ereignis-Tag für page_view vorhanden ist.

Als wir implementiert haben, haben wir auch eine Überschreibung für page_location mit der vollständigen URL der Website + dem virtuellen Seitenpfad hinzugefügt. Dies wird die Standard-GA4-Berichte korrekt ausfüllen.

[MarkDoerr]

Hallo Stefan,

Vielen Dank für diese Notizen.

Ich habe Schritt 2 des Abschnitts „Trigger“ aktualisiert, da ich bereits passende Screenshots hatte, und wir werden den Rest so schnell wie möglich aktualisieren.

[luigi7up (Luka)]

Beschreibung:

Ich habe ein Problem mit Google Tag Manager (GTM) auf meinem Discourse-Forum. Lassen Sie mich mein Setup und das Problem im Detail erläutern:

1. GTM-Setup:

   • Ich habe einen Google Tag Manager-Container (ID: GTM-…MZV) eingerichtet.
   • Zu Testzwecken habe ich ein Google Analytics 4-Tag in GTM hinzugefügt, das bei der Initialisierung auf allen Seiten ausgelöst werden soll.
   • Ich habe keine komplexen Trigger, User Layer oder Data Layer hinzugefügt. Es handelt sich lediglich um eine grundlegende Konfiguration, um zu überprüfen, ob GTM funktioniert.

2. GTM-Integration mit Discourse:

   • In meinem Discourse-Forum habe ich GTM konfiguriert, indem ich die Container-ID (GTM-W…MZV) in den Admin-Einstellungen eingegeben habe.
   • Wenn ich meine Website inspiziere, kann ich sehen, dass:
     • Das GTM-Skript (https://www.googletagmanager.com/gtm.js?id=GTM-W...MZV) im \u003chead\u003e-Bereich geladen wird.
     • Es gibt keine Fehler in der Browserkonsole oder im Netzwerk-Tab in Bezug auf GTM oder gtm.js.

3. Das Problem:

   • Nachdem ich meinen GTM-Container veröffentlicht hatte, ging ich in den Vorschau-Modus in Google Tag Manager und gab meine Website-URL (https://forum.hobiguru.com) ein.
   • Der GTM Preview Debugger meldet jedoch, dass kein GTM-Tag auf meiner Website gefunden wurde.
   • Obwohl gtm.js geladen wird und keine sichtbaren Fehler auftreten, erkennt der Debugger das GTM-Setup nicht.

Screenshots:

• Screenshot 1: GTM-Container-Setup in Google Tag Manager (zeigt das GA4-Tag und Trigger).
• Screenshot 2: Discourse Admin-Einstellungen, die die GTM-Container-ID (GTM-W…MZV) zeigen.
• Screenshot 3: Browser-Entwicklertools, die zeigen, dass die gtm.js-Bibliothek erfolgreich auf meiner Website geladen wird.
• Screenshot 4: GTM-Vorschau-Modus mit der Fehlermeldung: Kein GTM-Tag auf Ihrer Website gefunden.

Was ich bisher versucht habe:

• Bestätigt, dass gtm.js im Netzwerk-Tab geladen wird.
• Die Browserkonsole auf Content Security Policy (CSP) oder andere JavaScript-Fehler überprüft.
• Den Cache meiner Website und meines Browsers gelöscht, um sicherzustellen, dass kein Caching-Problem vorliegt.
• Den GTM-Container erneut veröffentlicht, um sicherzustellen, dass er aktualisiert ist.

Anfrage:

Kann mir jemand helfen zu verstehen, warum der GTM-Vorschau-Modus mein GTM-Setup nicht erkennt, obwohl das gtm.js-Skript korrekt geladen wird? Übersehe ich etwas im Setup oder im Integrationsprozess?