Modus für selbst erhobene Daten: Google-Scripts über serverseitiges Tagging laden

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.

In diesem Leitfaden wird davon ausgegangen, dass Sie bereits Folgendes getan haben:

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:

  1. Google Tag Manager öffnen
  2. Klicken Sie in Ihrem Servercontainer auf Clients.
  3. Klicken Sie auf Neu.
  4. Wählen Sie den Clienttyp Google Tag Manager: Webcontainer aus. Dialogfeld „Clienttyp auswählen“ mit Tag Manager: Web Container-Client hervorgehoben

  5. 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

    Screenshot des Tag Manager-Webcontainer-Clients

  6. Geben Sie einen Namen für den Kunden ein und klicken Sie auf Speichern.

  7. 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:

  1. Suchen Sie den vorhandenen Tag Manager-Code auf der Seite.
  2. Ersetzen Sie im Google Tag Manager-Installationscode an den Stellen <head> und <body> den String https://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:

  1. Öffnen Sie Ihre Website in einem neuen Browsertab.
  2. Ö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.
  3. Ö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.

    Screenshot der Entwicklertools mit Ihrem eigenen Server als Quelle für Google-Scripts

    • ❌ Wenn auf dem Tab Quellen www.googletagmanager.com als Quelle für gtm.js angezeigt wird, werden die Abhängigkeiten weiterhin von Google-Servern geladen.

    Screenshot der Entwicklertools mit www.googletagmanager.com als Quelle für Google-Scripts

    • 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.

Nächste Schritte

Wenn Sie den Einwilligungsmodus verwenden, können Sie ein regionenspezifisches Tag-Verhalten einrichten, um noch mehr Kontrolle zu haben.