Dieser Artikel richtet sich an Entwickler, die serverseitiges Tagging verwenden und Google-Scripts von ihren eigenen Servern aus bereitstellen möchten.
Beim serverseitigen Tagging können Sie Google-Scripts wie gtm.js oder gtag.js direkt von Ihrem Tagging-Server statt von den Google-Servern laden. So können Sie Daten in einem selbst erhobenen Kontext ausliefern.
Hinweis
In diesem Leitfaden wird davon ausgegangen, dass Sie bereits Folgendes getan haben:
- Servercontainer in Tag Manager einrichten
- Tagging-Server einrichten
- Benutzerdefinierte Serverdomain konfiguriert
Wählen Sie als Erstes die Implementierungsoption aus.
Schritt 1: Client konfigurieren
Wenn Sie einen Kontext für selbst erhobene Daten zwischen Ihrem Webcontainer und Ihrem Tagging-Server herstellen möchten, müssen Google-Scripts über Ihren Server geladen werden.
So laden Sie Google-Scripts über Ihren Servercontainer:
- Google Tag Manager öffnen
- Klicken Sie in Ihrem Servercontainer auf Clients.
- Klicken Sie auf Neu.
Wählen Sie den Clienttyp Google Tag Manager: Webcontainer aus.
Unter Clientkonfiguration:
- Container-ID hinzufügen: Geben Sie die Container-ID des Tag Manager-Webcontainers ein, den Sie auf Ihrer Website verwenden möchten.
- Alle abhängigen Google-Skripts automatisch bereitstellen: Wenn diese Option aktiviert ist (Standardeinstellung), werden vom Tagging-Server automatisch Scripts bereitgestellt, die vom Stamm-Google-Script benötigt werden. So müssen nicht mehr alle Container, die für das Google-Script erforderlich sind, auf die Zulassungsliste gesetzt werden. Wenn Sie nur den ursprünglichen Container vom Tagging-Server ausliefern möchten, deaktivieren Sie diese Option.
- Regionsspezifische Einstellungen aktivieren: Mit dieser Option können Sie bestimmte Tags basierend auf dem Standort des Nutzers auslösen. Weitere Informationen
Geben Sie einen Namen für den Kunden ein und klicken Sie auf Speichern.
Veröffentlichen Sie den Arbeitsbereich.
Schritt 2: Domain der Scriptquelle aktualisieren
Tag Manager oder gtag.js laden ihre Abhängigkeiten standardmäßig von Google-eigenen Servern wie https://example.com/metrics
.
Sie müssen die Script-URL auf Ihrer Website aktualisieren, um die Abhängigkeiten über Ihren eigenen Server zu laden.
So laden Sie den GTM-Code über Ihren Servercontainer:
- Suchen Sie den vorhandenen Tag Manager-Code auf der Seite.
Ersetzen Sie im Google Tag Manager-Installationscode an den Stellen
<head>
und<body>
den Stringhttps://example.com/metrics
durch den Domainnamen Ihres Tagging-Servers.- Kopf:
<!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '
https://example.com/metrics /gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-XXXXXX ');</script> <!-- End Google Tag Manager -->- Body:
<!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://
example.com/metrics /ns.html?id=TAG_ID " height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) -->
Schritt 3: Quelle der Scripts prüfen
In der folgenden Anleitung wird beschrieben, wie Sie den Test mit Google Chrome durchführen. Sie können jeden beliebigen Browser verwenden. Die Schritte können jedoch abweichen.
So testen Sie, ob Ihr Servercontainer die Abhängigkeiten lädt:
- Öffnen Sie Ihre Website in einem neuen Browsertab.
- Öffnen Sie die Entwicklertools des Browsers. In Google Chrome klicken Sie hierzu mit der rechten Maustaste auf eine beliebige Stelle der Seite und wählen dann die Option Untersuchen aus.
Öffnen Sie in den Entwicklertools den Tab Quellen. In diesem Fenster werden alle Abhängigkeiten angezeigt, die beim Öffnen der Website geladen wurden.
- ✅ Die Implementierung ist korrekt, wenn
gtm.js
aus der von Ihnen angegebenen Quelle geladen wird.
- ❌ Wenn auf dem Tab Quellen
www.googletagmanager.com
als Quelle fürgtm.js
angezeigt wird, werden die Abhängigkeiten weiterhin von Google-Servern geladen.
- Prüfen Sie, ob Sie die Quell-URL in Ihrem Code geändert haben (siehe Schritt 2).
- Prüfen Sie, ob der Code aktiv ist.
- ✅ Die Implementierung ist korrekt, wenn
Nächste Schritte
Wenn Sie den Einwilligungsmodus verwenden, können Sie ein regionenspezifisches Tag-Verhalten einrichten, um noch mehr Kontrolle zu haben.