Einrichten der GA4 serverseitigen Tracking

1.1 Wählen Sie Ihr GTM-Konto → Klicken Sie auf Admin → Klicken Sie auf + neben dem Containername.

1.2 Fügen Sie den Containername hinzu → Unter Zielplattform wählen Sie Server. Klicken Sie auf Erstellen.

1.3 Wählen Sie Manuell bereitgestellten Tagging-Server. Kopieren Sie Ihre Containerkonfiguration. Wir werden sie in den folgenden Schritten benötigen.

2.1 Gehen Sie zu Stape und erstellen Sie ein Konto oder melden Sie sich an. Sie können unseren Dienst kostenlos testen und die Vorteile des Stape-Hostings für den GTM-Server erkunden.

2.2 Drücken Sie die Schaltfläche Container erstellen in der oberen rechten Ecke.

2.3 Geben Sie die Details Ihres Containers ein:

Klicken Sie dann auf Container erstellen.

2.4 Wählen Sie einen Plan für Ihren Container. Sie können mit einem kostenlosen Plan beginnen. Klicken Sie auf Weiter mit einem kostenlosen Plan.

Sie sehen den Status Ihres Containers, die Containerkonfiguration und den Planname. Es dauert einige Minuten, um einen Servercontainer bereitzustellen. Bitte laden Sie die Seite neu, um den Status zu aktualisieren. Wenn die Einrichtung korrekt durchgeführt wurde, sollten Sie den Status „Läuft“ sehen.

Ein entscheidendes Merkmal des serverseitigen Taggings ist das Setzen von First-Party-Cookies, was eine serverseitige Einrichtung erfordert. Um diese Funktion zu aktivieren, müssen Sie eine benutzerdefinierte Tagging-Server-URL oder Domain verwenden. Die benutzerdefinierte Tagging-Server-URL oder benutzerdefinierte Domain sollte die gleiche Domain wie Ihre Website haben.

Aufgrund von Cookie-Einschränkungen ist die Konfiguration benutzerdefinierter Domains für sGTM komplexer geworden. Intelligent Tracking Prevention (ITP) beeinflusst das Benutzertracking in Safari und Firefox.

Um Ihr Tracking zu verbessern, müssen Sie eine benutzerdefinierte Domain einrichten. Dies hilft, die Lebensdauer von Cookies in allen Browsern zu verlängern.

Lassen Sie uns verschiedene Möglichkeiten zur Konfiguration einer benutzerdefinierten Domain für Ihre sGTM-Tagging-Server-URL besprechen.

Es gibt drei Möglichkeiten, eine benutzerdefinierte Domain einzurichten:

Die Methode „Gleicher Ursprung“ ist technisch fortgeschritten. Sie erfordern ein CDN oder einen Load Balancer, um eine Domäne mit gleichem Ursprung zu konfigurieren.

Wenn Sie die Domain mit gleichem Ursprung nicht konfigurieren können, bieten wir Lösungen zur Verlängerung der Cookie-Lebensdauer in Safari: Eigener CDN und Cookie Keeper.

Standardmäßig wird Ihre benutzerdefinierte Subdomain durch den CNAME-Eintrag überprüft, wenn Sie sie zu Ihrem Stape-Container hinzufügen.

Nachfolgend finden Sie ein Beispiel für die Einrichtung einer benutzerdefinierten Subdomain:

Wählen Sie Ihren Container in Stape aus, scrollen Sie nach unten und klicken Sie auf Add custom domain.

Fügen Sie einen Subdomain name hinzu – er kann beliebig gewählt werden. Achten Sie jedoch darauf, keine Begriffe zu verwenden, die spezifisch für Werbung oder Tracking sind: ad, gtm, stgm, tracking, analytics, metrics, stape, gtag usw.

Ein Content Delivery Network (CDN) verteilt die Assets Ihrer Website über ein globales Servernetzwerk, um die Latenz zu reduzieren und die Ladezeiten für Nutzer an verschiedenen Standorten zu verbessern. Es ist sinnvoll, wenn Ihre Zielgruppe geografisch verteilt ist oder wenn Sie das Cookie-Tracking und die Datengenauigkeit verbessern möchten.

Standardmäßig ist das CDN deaktiviert, d. h. JavaScript-Dateien (wie gtm.js, gtag.js und analytics.js) werden direkt vom Serverstandort bereitgestellt, an dem Ihr sGTM-Container gehostet wird. In der Praxis werden dabei sowohl Stape Global CDN als auch Own CDN umgangen, und es besteht eine direkte, nicht über einen Proxy geleitete Verbindung zwischen Ihrer Website und dem sGTM-Container.

Um das CDN zu aktivieren, klicken Sie auf Add CDN und wählen Sie eine der folgenden Optionen:

Als Nächstes stehen Ihnen im Bereich How to connect zwei Möglichkeiten zur Verfügung, um eine benutzerdefinierte Domain mit Ihrem Container zu verbinden:

Die einfachste Möglichkeit, Domains zu verbinden. Melden Sie sich mit Ihren DNS-Anbieter-Zugangsdaten über Entri an und erteilen Sie uns eine einmalige Berechtigung, Ihre Domain zu verbinden. Anschließend können Sie direkt zu Schritt 5 übergehen, um Ihre Domain zu verifizieren – eine manuelle Konfiguration ist nicht erforderlich.

Bei dieser Option müssen Sie DNS-Einträge manuell bei Ihrem Hosting-Anbieter hinzufügen, um Ihre Subdomain mit Stape zu verbinden.

Nachdem Sie Ihrem Container eine benutzerdefinierte Subdomain hinzugefügt haben, sehen Sie die DNS-Einträge, die erstellt werden müssen, um die benutzerdefinierte Domain zu verifizieren. Der DNS-Eintrag hängt vom Serverstandort und der gewählten CDN-Option ab. Im nächsten Schritt zeigen wir, wie DNS-Einträge hinzugefügt werden.

Standardmäßig erfolgt die Subdomain-Verifizierung mit CNAME-Einträgen. Sie können Ihre Subdomain jedoch auch mit A- und AAAA-Einträgen verifizieren (in der Regel, wenn Sie doppelte Einträge vermeiden möchten).

Im Folgenden werden beide Optionen anhand einer Schritt-für-Schritt-Anleitung zur Erstellung von Einträgen mit Cloudflare erläutert. Sie können jedoch auch jeden anderen Anbieter verwenden.

Nachdem Sie die DNS-Einträge bei Ihrem DNS-Anbieter eingegeben haben, kehren Sie zur Stape-Container-Seite zurück, auf der Sie die benutzerdefinierte Domain konfiguriert haben, und klicken Sie auf Verify.

Warten Sie, bis Stape die Verifizierung Ihrer benutzerdefinierten Domain abgeschlossen hat (wenn sich die Containerstatusleiste von Verifying auf Ready ändert). In der Regel dauert die Verifizierung einer benutzerdefinierten Domain 2–3 Stunden. Bei einigen DNS-Anbietern kann die Verifizierung von Einträgen bis zu 72 Stunden dauern. Wir senden Ihnen eine E-Mail, sobald die benutzerdefinierte Domain verifiziert wurde oder ein Fehler festgestellt wurde.

Wenn Sie Probleme bei der Domain-Verifizierung haben, folgen Sie bitte unserer Anleitung zur Fehlerbehebung bei benutzerdefinierten Domains.

Gehen Sie zu Ihrem Google Tag Manager-Server-Container → Admin → Container Settings → ändern Sie die Tagging server URL auf Ihre Subdomain.

Skript aktualisieren

Wenn Sie eine benutzerdefinierte Domain verwenden, wird dringend empfohlen, das Web-GTM-Skript auf Ihrer Website zu aktualisieren. Diese Anpassung sorgt dafür, dass gtm.js von Ihrer Domain geladen wird. Ersetzen Sie dazu die Standarddomain googletagmanager.com durch die benutzerdefinierte Domain, die Sie im vorherigen Schritt eingerichtet haben.

Alternativ können Sie diesen Prozess mit dem Custom Loader power-up automatisieren. Anstatt das GTM-Skript manuell zu bearbeiten, generiert Custom Loader einen gebrauchsfertigen Code-Snippet, der GTM- und GA4-Skripte direkt von Ihrer benutzerdefinierten Domain lädt. Das spart Zeit, macht Ihre Tracking-Skripte widerstandsfähiger gegen Werbeblocker und stellt sicher, dass alle Cookies als Erstanbieter-Cookies behandelt werden.

Es gibt zwei Szenarien:

4.1.1 Fügen Sie die URL Ihres Servercontainers zu den Google-Tag-Einstellungen hinzu. In den Konfigurationseinstellungen fügen Sie den Parameter server_container_url hinzu und geben Sie die URL Ihres Tagging-Servers als Wert ein.

4.1.2 Erstellen Sie einen Google Analytics 4-Client im Server-GTM-Container. Gehen Sie dazu in den Abschnitt "Clients" → Neuer Client erstellen → Client-Typ "Google Analytics: GA4 (Web)" auswählen → Client-Namen hinzufügen und auf Speichern klicken.

Weitere Informationen zu regionsspezifischen Parametern finden Sie auch in unserem Blog.

4.1.3 Erstellen Sie im Server-GTM-Container einen neuen Tag mit dem Tag-Typ "Google Analytics: GA4".

4.1.4 Fügen Sie die Mess-ID und den Ereignisnamen hinzu.

Mess-ID: Folgen Sie dieser Anleitung, um die GA4-ID zu finden. Sie können sie als Variable hinzufügen oder, falls das Ereignis von einem GA4-Web-Tag stammt, dieses Feld leer lassen, um die Mess-ID des Ereignisses zu erben.

Ereignisname: Der Ereignisname, der an Google gesendet wird. Weitere Informationen finden Sie unter den empfohlenen Ereignissen. Wenn dieses Feld leer ist, wird der Wert des Parameters event_name gesendet.

4.1.5 Klicken Sie auf "Trigger" und konfigurieren Sie einen benutzerdefinierten Trigger, der jedes Mal ausgelöst wird, wenn der Client-Name "GA4" (oder der Name des GA4-Clients, den Sie im Schritt 2.b angegeben haben) entspricht → Klicken Sie auf Speichern.

4.2.1 Erstellen Sie im Web-Container einen neuen Tag vom Tag-Typ "Google Tag" und fügen Sie Ihre Google-Tag-ID hinzu.

Fügen Sie einen Trigger zum GA4-Tag hinzu. Normalerweise sollte er bei allen Seitenaufrufen ausgelöst werden.

Sie können auch eine Google-Tag-Konfigurationseinstellungsvariable erstellen, die die Google-Tag-Einstellungen vorgibt, wenn Sie mehrere Google-Tags auf Ihrer Website verwenden und die Einstellungen nicht manuell für jedes Tag hinzufügen möchten. 

Diese Parameter können z.B. definieren, ob Sie bei jedem Auslösen eines Google-Tags ein Seitenaufrufereignis senden, UTM-Parameter setzen oder die Client-ID festlegen möchten.

4.2.2 Um das GA4-Ereignis-Tracking einzurichten, gehen Sie zum Abschnitt "Tags" und erstellen Sie einen neuen Tag vom Typ "Google Analytics: GA4 Event". Fügen Sie Ihre GA4-ID und den Ereignisnamen hinzu; es gibt eine Liste standardmäßiger Ereignisnamen.

4.2.3 Gehen Sie zu Ihrem Google Tag Manager Server-Container. Klicken Sie auf "Clients" und dann auf "Neu".

4.2.4 Wählen Sie "Google Analytics: GA4 (Web)" und klicken Sie auf Speichern.

4.2.5 Gehen Sie zu "Tags" und klicken Sie auf "Neu".

4.2.6 Wählen Sie "Google Analytics: GA4".

4.2.7 Fügen Sie die Measurement-ID und den Ereignisnamen hinzu.

Measurement ID – Folgen Sie dieser Anleitung, um die GA4-ID zu finden. Sie können sie als Variable hinzufügen oder, falls das Ereignis von einem GA4-Web-Tag stammt, dieses Feld leer lassen, um die Measurement-ID des Ereignisses zu übernehmen.

Ereignisname – Der Ereignisname, der an Google gesendet werden soll. Weitere Informationen finden Sie in den empfohlenen Ereignissen. Wenn dieses Feld leer ist, wird der Wert des Parameters "event_name" gesendet.

4.2.8 Klicken Sie auf Triggering.

4.2.9 Erstellen Sie Trigger für das Tag. Der Client-Name sollte "GA4" entsprechen. Beispiel:

Klicken Sie auf das +.

Wählen Sie den benutzerdefinierten Typ → klicken Sie auf Einige Ereignisse → wählen Sie Client Name in den eingebauten Variablen → setzen Sie Equals GA4 (den Namen Ihres GA4-Clients) → klicken Sie auf Speichern.

4.2.10 Öffnen Sie die Debugger von Web- und Server-GTM und testen Sie die Einrichtung.

Öffnen Sie den Vorschau-Modus des Server-Containers und prüfen Sie, ob Sie GA4-Anfragen sehen. Veröffentlichen Sie die Aktualisierungen in den Server- und Web-Google-Tag-Manager-Containern.

Der benutzerdefinierte Loader modifiziert die Ladepfade von gtag.js und gtm.js, um Werbeblocker und ITPs zu umgehen, was das Datenvolumen um bis zu 40 % erhöhen kann.

5.1 Finden und kopieren Sie Ihre Web-GTM-ID in GTM. Um die GTM-ID zu finden, melden Sie sich bei Ihrem Google Tag Manager-Konto an und öffnen Sie einen Web-GTM-Container. In der oberen rechten Ecke (neben den Schaltflächen Submit und Preview) sehen Sie einen kurzen Text, der mit „GTM-“ beginnt und einige Buchstaben/Zahlen enthält.

5.2 Öffnen Sie Ihren sGTM-Container auf Stape → klicken Sie auf Power-Ups.

Finden Sie den Custom Loader und klicken Sie auf Use.

5.3 Fügen Sie die folgenden Einstellungen hinzu:

Domain - wählen Sie aus der Liste der Domains, die mit Ihrem Container verbunden sind, die notwendigen aus. 

Web GTM ID - fügen Sie die Web Google Tag Manager ID hinzu. Wie Sie die Web-GTM-ID finden, erfahren Sie in unserem Leitfaden.

GA4 Adblock-Bypass - ermöglicht die Umgehung der Auswirkungen von Adblockern auf den GA4-Tracking-Code. Beachten Sie, dass sich diese Einstellung auf alle Container-Domains auswirkt. Stellen Sie sicher, dass Sie sowohl den Web- als auch den Server-GTM-Container debuggen, nachdem Sie diesen Schalter aktiviert haben.

Gleicher Herkunftspfad - wenn Sie den gleichen Herkunftsansatz für die Konfiguration der benutzerdefinierten Domain verwenden, geben Sie bitte den Proxy-Pfad für Anfragen an.

Plattform - der Code für den Custom Loader unterscheidet sich für jede Plattform. Wählen Sie Ihre Plattform oder „Andere“, wenn sie nicht in der Liste enthalten ist.

Wenn Sie keines dieser CMS verwenden oder die Stape-Plugins nicht nutzen möchten, wählen Sie „Andere“. Sie sehen einen aktualisierten Web-GTM-Code → Kopieren Sie dieses Web-GTM-Skript und fügen Sie das vorhandene Web-GTM-Skript auf Ihrer Website hinzu oder ersetzen Sie es.

Fügen Sie den folgenden Eintrag in Ihr Google Tag im Web-Google-Tag-Manager-Container ein.

Konfigurationsparameter: server_container_url

Wert: Ihre Domain in stape.io admin

Wir empfehlen, mit der Tag Manager-Vorschau und dem Debug-Modus zu beginnen, um sicherzustellen, dass Ihre Tags dann ausgelöst werden, wenn sie sollten. Das GTM-Debug-Tool zeigt Ihnen, welche Tags und Ereignisse der Website hinzugefügt wurden und ob sie auf bestimmten Seiten/Triggern ausgelöst wurden oder nicht.

Der Tag Manager Server Container Debug-Modus funktioniert ähnlich wie der Web-Debugger. Klicken Sie einfach auf die Schaltfläche Vorschau in der oberen rechten Ecke. Navigieren Sie dann zu den verschiedenen Seiten und klicken Sie auf die Schaltfläche oder führen Sie Ereignisse aus, die im Server-Container eingerichtet wurden.

Kehren Sie zum Tag Manager-Debugger zurück und überprüfen Sie, welche Tags und Ereignisse ausgelöst wurden und ob alle erforderlichen Parameter an die dataLayer gesendet wurden. Wenn alles korrekt funktioniert, können wir zum nächsten Schritt übergehen.

GA4 verfügt über eine Debug-Ansicht, die alle Ereignisse, Ereignisparameter und Benutzerdaten anzeigt, die von GA4 verarbeitet wurden. Um den GA4-Debugger zu finden, klicken Sie auf Configure → Debug view.

Um sicherzustellen, dass Anfragen von einer benutzerdefinierten Tagging-URL gesendet werden, müssen Sie tiefer in die Entwicklerzone eindringen. Hierfür benötigen wir die Entwicklerwerkzeuge von Chrome oder Safari (Sie können auch andere Browser verwenden).

Auf dem Mac können Sie das Entwicklertool aufrufen, indem Sie auf command+option+I oder die rechte Maustaste und dann auf Inspizieren klicken.

Sobald Sie das Entwickler-Tool geöffnet haben, wechseln Sie zur Registerkarte Netzwerk und aktualisieren Sie die Seite. Geben Sie innerhalb des Filters collect ein. Sie sollten GA4-Anfragen sehen. Klicken Sie auf die GA4-Anfrage, und auf der rechten Seite sehen Sie zusätzliche Parameter.

Denken Sie daran, dass Sie überprüfen müssen, ob Sie die Tagging-Server-URL in der Request-URL sehen können. Es ist diejenige, die Sie dem Server-Container und der GA4-Variable oder dem Tag hinzugefügt haben.

Hinweis: Cookies werden nur erweitert, wenn Sie eine benutzerdefinierte Subdomain innerhalb der Tagging-URL verwenden. Beispiel: Ihre Website-URL lautet example.com. Dann sollte die benutzerdefinierte Domäne für die Tagging-URL wie gtm.example.com aussehen.

Wechseln Sie zur Registerkarte „Anwendung“ im Entwickler-Tool, das Sie in Schritt zwei verwendet haben. Klicken Sie auf Speicherung → Cookies. Auf der rechten Seite finden Sie Cookies mit dem Namen FPID; überprüfen Sie das Datum in der Spalte „expires“. Auf diese Weise sollten Cookies bis zu 2 Jahre verlängert werden. Ich schreibe diesen Beitrag im Februar 2021, und mein Cookie wird im Februar 2023 ablaufen. Wenn Sie kein serverseitiges Tracking und eine benutzerdefinierte Tagging-URL unter Ihrer Hauptdomain verwenden, verringert Safari die Lebensdauer Ihrer Cookies auf 1 oder 7 Tage. Wenn Sie sehen, dass Cookies nicht verlängert wurden, gehen Sie zum GA4-Client innerhalb des Server-Containers, klicken Sie auf „Weitere Einstellungen“ und überprüfen Sie, wie die Server-Cookie-Einstellungen auf dem Screenshot unten aussehen. Oder stellen Sie sicher, dass Sie eine benutzerdefinierte Tagging-URL verwenden, die wie gtm.yourdomain.com aussieht.