Google-Tag in Ihr CMS oder Ihren Website-Builder einbinden

Das Google-Tag ist ein Code-Snippet, das einer Website hinzugefügt werden kann, um Nutzeraktivitäten in einer Vielzahl von Google-Produkten zu erfassen, darunter Google Analytics 4, Google Ads und die Google Marketing Platform. Weitere Informationen sind unter Google-Tag einrichten verfügbar.

In diesem Leitfaden wird beschrieben, wie Sie das Google-Tag in Ihr Content-Management-System (CMS) oder Ihren Website-Builder einbinden, um Ihren Endnutzern Zugriff auf die Analysetools von Google zu ermöglichen.

Zielgruppe

Dieser Leitfaden richtet sich an CMS-Betreiber (Content-Management-System) oder Website-Builder, die ihren Nutzern eine Integration mit Google-Messprodukten anbieten möchten. Dieser Leitfaden richtet sich nicht an Nutzer eines CMS oder Website-Builders.

Hinweis

Sie benötigen eine Entwickler-ID für das Google-Tag. Wenn Sie noch keine Entwickler-ID für das Google-Tag haben, füllen Sie das Anfrageformular für die Entwickler-ID für das Google-Tag aus. Ihre Entwickler-ID unterscheidet sich von anderen IDs wie der Mess-ID oder der Conversion-ID, die Ihre Endnutzer in den Messcode ihrer Website einfügen.

Hinweis :Entwickler-IDs sind nur erforderlich, wenn Sie eine Implementierung erstellen, die von nicht zusammenhängenden Unternehmen oder Rechtssubjekten auf mehreren Websites verwendet wird. Wenn die Implementierung von einer Website oder Entität verwendet wird, beantragen Sie bitte keine Entwickler-ID.

Übersicht

So integrieren Sie Ihre Plattform in Google-Produkte:

1. Integration mit dem Google-Tag erstellen
2. Struktur der Nutzereingaben aktualisieren
3. Consent API implementieren
4. Ereignisdaten einrichten
5. Aktualisierte Integration prüfen
6. Bereitstellungsanleitung für Nutzer aktualisieren

Integration mit dem Google-Tag erstellen

Wenn Sie eine Integration mit dem Google-Tag erstellen, können Ihre Kunden Google-Messprodukte (über gtag.js) auf jeder Seite ihrer Website einbinden. Entfernen Sie alle vorhandenen alten Tag-Integrationen (z. B. analytics.js), bevor Sie eine Einbindung mit gtag.js erstellen.

Wenn Sie eine Integration mit dem Google-Tag erstellen möchten, ersetzen Sie das vorhandene Code-Snippet durch das folgende Snippet. Achten Sie darauf, dass Nutzer TAG_ID durch ihre eigene Tag-ID ersetzen können.

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=GOOGLE_TAG_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('set', 'developer_id.<developer ID>', true); // Replace with your Google tag Developer ID
  gtag('js', new Date());

  gtag('config', 'GOOGLE_TAG_ID');
</script>

Wichtige Hinweise:

• Werbetreibende können Funktionen für personalisierte Werbung wie Remarketing mit dem Parameter allow_ad_personalization_signals deaktivieren. Weitere Informationen finden Sie unter Datenerhebung für personalisierte Anzeigen deaktivieren.
• Idealerweise sollte das Google-Tag-Snippet nur einmal pro Seite vorkommen. Das Snippet kann mehrere Tag-IDs aufnehmen. Wenn bereits eine Instanz von gtag.js vorhanden ist, sollten Sie dem vorhandenen Tag neue Tag-IDs hinzufügen. Weitere Informationen

Struktur der Nutzereingabe aktualisieren

Ihre Kunden sollten über eine einzige Benutzeroberfläche mehrere Formen ihrer Google-Tag-ID angeben können, unabhängig davon, welches Google-Messprodukt sie implementieren.

Hier sehen Sie beispielsweise eine einfache Eingabe in einem Google-Tag. Die Einbindung sollte als Bereitstellung des Google-Tags betrachtet werden. Dies kann als Methode zur Bereitstellung von Google Ads und Google Analytics bezeichnet werden.

Im folgenden Diagramm ist dargestellt, wie eine Plattform separate Nutzerflüsse für Analytics und Google Ads haben kann, die aber jeweils zu einer Benutzeroberfläche führen, auf der Nutzer ihre Google-Tag-ID angeben.

Die eingegebene Tag-ID sollte mehrere ID-Varianten mit dem Muster für reguläre Ausdrücke [A-Z]{1,3}\w{5,}[\w]* akzeptieren.

Consent API (Einwilligungsmodus) implementieren

Das Google-Tag enthält eine integrierte Consent API, mit der die Nutzereinwilligung verwaltet wird. Es ist möglich, die Nutzereinwilligung für Cookies zu Werbezwecken von der Einwilligung zu Analysezwecken zu unterscheiden.

Das erwartete Ergebnis ist, dass mindestens der gtag('consent', 'update' {...})-Aufruf eingebunden wird, ohne dass der Kunde etwas tun muss. So können Google-Tags (Google Ads, Floodlight, Google Analytics, Conversion-Verknüpfung) den aktuellen Einwilligungsstatus des Nutzers lesen und ihn in Netzwerkanfragen an Google (über den Parameter &gcs) einbeziehen.

Zusätzliche Implementierungsschritte wären die Bereitstellung oder Unterstützung von Werbetreibenden bei der Bereitstellung des Status gtag('consent', default' {...}) (z.B. über eine UI) und beim Aufheben der Blockierung von Google-Tags (d.h., dass keine bedingte zustandsbasierte Auslösung erfolgt), damit die Tags im Einwilligungsmodus ausgelöst werden, ohne dass die Einwilligung berücksichtigt wird.

Weitere Informationen zur Implementierung finden Sie unter Einwilligungseinstellungen verwalten (Web).

Ereignisdaten einrichten

Sie sollten umfangreiche Ereignisdaten von der Website des Kunden an sein Google-Konto senden, ohne dass der Kunde etwas unternehmen muss. Sie können beispielsweise die Ereignisse entlang eines Kauftrichters hinzufügen (z.B. add_to_cart, begin_checkout, add_payment_info, add_shipping_info und purchase), Lead-Generierung und Registrierungen.

Im Folgenden finden Sie Best Practices für das Hinzufügen von Ereignissen:

• Alles protokollieren
• Mindestens acht Hauptereignisse einrichten
• E-Commerce-Ereignisse priorisieren

Alles protokollieren

Sie sollten Ereignisse nach Möglichkeit standardmäßig einrichten. Dazu zählen:

• Schlüsselereignisse wie purchase oder sign_up
• Ereignisse vor Schlüsselereignissen wie dem add_to_cart
• Verhaltensinteraktionen wie Medieninteraktionen, mit denen Kunden besser nachvollziehen können, wie sie mit ihren Endnutzern interagieren

Schlüsselereignis-Snippets sollten nur auf Seiten mit Schlüsselereignissen eingefügt werden, z.B. auf Kaufbestätigungs- oder Formulareinreichungsbestätigungsseiten. Das Google-Tag muss jedoch weiterhin auf jeder Seite der Website eingefügt werden.

Ereignisse werden mit dem Befehl event gesendet. Dazu gehört auch die Entwickler-ID des Google-Tags, die Sie im oben beschriebenen globalen Website-Tag angegeben haben:

gtag('event', 'my_event', {
  'developer_id.<developer ID>': true,
  // Additional event parameters
});

Mit dem event-Befehl können Sie beispielsweise ein login-Ereignis mit dem method-Wert „Google“ senden:

gtag('event', 'login', {
  'developer_id.<developer ID>': true,
  'method': 'Google'
});

<!-- Event snippet for sales conversion page -->
<script>
  gtag('event', 'conversion', {
      'developer_id.<developer ID>': true,
      'value': <value>,
      'currency': '<currency>',
      'transaction_id': '<transaction_id>'
  });
</script>

Wichtige Hinweise:

• Ihre Entwickler-ID <developer ID> ist eindeutig und spezifisch für Ihre Plattform. Hängen Sie die ID an jedes Ereignis an.
• Die folgenden Parameter sind optional und können weggelassen werden:
  • 'value' ist der numerische Wert des Schlüsselereignisses (z. B. der Preis eines Kaufs).
  • 'currency' ist ein dreistelliger Währungscode, der für Werbetreibende nützlich ist, die mehrere Währungen akzeptieren.
  • 'transaction_id' ist eine eindeutige ID für die Transaktion (z. B. eine Bestell-ID). Sie wird zur Deduplizierung verwendet.
• Einige Parameter sind optional. Wir empfehlen jedoch, für jedes Ereignis so viele Informationen wie möglich anzugeben.
  • Parameter geben Aufschluss darüber, wie Nutzer mit Ihrer Website oder App interagieren. Wenn sich ein Nutzer beispielsweise eines Ihrer Produkte ansieht, können Sie Parameter einbinden, die Informationen zum entsprechenden Produkt enthalten, z. B. den Namen, die Kategorie und den Preis.
  • Von gewissen Parametern werden automatisch Daten für die vordefinierten Dimensionen und Messwerte in Google Analytics zur Verfügung gestellt. So erhalten Nutzer ein besseres Verständnis ihrer Kunden.

Wenn Sie ein Schlüsselereignis basierend auf einem Klick erfassen möchten (z.B. Klick auf eine Schaltfläche oder eine dynamische Antwort für eine Website mit AJAX), können Sie auch das folgende Snippet verwenden:

<!-- Event snippet for sales conversion page
    In your HTML page, add the snippet and call gtag_report_conversion
    when someone clicks on the chosen link or button. -->
<script>
  function gtag_report_conversion(url) {
  var callback = function () {
    if (typeof(url) != 'undefined') {
      window.location = url;
    }
  };
  gtag('event', 'conversion', {
    'developer_id.<developer ID>': true,
    'value': <value>,
    'currency': '<currency>',
    'transaction_id': '<transaction_id>',
    'event_callback': callback
  });
  return false;
}
</script>

Mindestens acht Hauptereignisse einrichten

Wir empfehlen, eine Reihe von Ereignissen einzurichten, die für Websiteinhaber am wertvollsten sind. Wir empfehlen, mindestens die folgenden Ereignisse einzurichten:

• view_item_list: Wenn ein Nutzer eine Liste von Elementen aufruft (z.B. eine Produktliste). Weitere Informationen

  gtag('event', 'view_item_list', {
    item_list_id: "related_products",
    item_list_name: "Related products",
    items: [{
      item_id: "SKU_123",
      item_name: "Test Item",
      currency: "USD",
      discount: 2.22,
      price: 99.9,
      quantity: 1
    }]
  });
  

• add_to_cart: wenn ein Nutzer einen oder mehrere Produkte in den Einkaufswagen legt. Weitere Informationen

  gtag('event', 'add_to_cart', {
    value: 99.0,
    currency: "USD",
    items: [{
      item_id: "SKU_123",
      item_name: "Test Product",
      price: 99.0,
      currency: ‘USD’,
      quantity: 1,
      item_category: "All Products"
    }]
  });
  

• begin_checkout: Wenn ein Nutzer den Bezahlvorgang für ein oder mehrere Produkte startet. Weitere Informationen

  gtag('event', 'begin_checkout') {
    value: 99.0,
    currency: "USD",
    items: [{
      item_id: "SKU_123",
      item_name: "Test Product",
      price: 99.0,
      currency: ‘USD’,
      quantity: 1,
      item_category: "All Products"
    }]
  });
  

• purchase: wenn ein Nutzer ein oder mehrere Produkte oder Dienstleistungen kauft. Weitere Informationen

  gtag('event', 'purchase', {value: XX, currency: 'USD', items: [{xx},{xx}]});
  

• sign_up: Wenn sich ein Nutzer registriert, damit der Endnutzer die beliebtesten Registrierungsmethoden sehen kann (z.B. Google-Konto oder E-Mail-Adresse). Weitere Informationen

  gtag('event', 'sign_up', {method: 'web'});
  

• generate_lead: Ein Nutzer sendet ein Formular. Weitere Informationen

  gtag('event', 'generate_lead', {value: XX, currency: 'USD'});
  

• subscribe: Ein Nutzer abonniert einen Dienst oder Newsletter.

  gtag('event', 'subscribe', {value: XX, currency: 'USD', coupon: 'XX'});
  

• book_appointment: Ein Nutzer bucht einen Termin.

  gtag('event', 'book_appointment', {value: XX, currency: 'USD', coupon: 'XX'});
  

Weitere Empfehlungen

Google unterstützt viele weitere Ereignisse und Parameter, insbesondere für E-Commerce. Im Allgemeinen empfehlen wir Folgendes zu erfassen:

• Alle Erfolgsereignisse, die direkt mit dem Wert verknüpft sind
• Erfolgsereignisse, die zu wichtigen Schlüsselereignissen beitragen (z. B. „add_to_cart“ und „sign_up“)
• Interaktionen und Nutzerinteraktionen, mit denen Werbetreibende nachvollziehen können, wie sie mit ihren Endnutzern interagieren

Weitere Informationen zur Ereigniserfassung:

• Ereignisse
• Empfohlene Ereignisse nach Anwendungsfall
• E-Commerce für Google Analytics 4-Properties messen

Wir würden gerne über mögliche Erweiterungen dieses Schemas sprechen. Bitte lassen Sie uns wissen, wenn Sie Vorschläge haben.

Aktualisierte Integration prüfen

Bevor Sie Ihre Änderungen in die Produktion übernehmen, prüfen Sie die Kompatibilität mit den folgenden Elementen:

• Google-Tag mit Google Analytics 4-Zielvorhaben
• Google-Tag für Remarketing und Conversion-Analyse

Prüfen Sie außerdem mit einem der folgenden Tools, ob das Tag auf allen Seiten, einschließlich Schlüsselereignisseiten, richtig ausgelöst wird:

• Google Tag Assistant: Mit dem Tag Assistant können Sie sehen, welche Google-Tags in welcher Reihenfolge ausgelöst wurden. Im Debug-Modus des Tag Assistant sehen Sie, welche Daten an die Datenschicht übergeben werden und welche Ereignisse diesen Datenaustausch ausgelöst haben.
• Chrome-Entwicklertools: Mit dem Tab Netzwerk können Sie Anfragen herausfiltern, die „google“ enthalten, um zu prüfen, wie Daten gesendet werden.
• (Serverseitig) Google Analytics-Echtzeitbericht: Erstellen Sie ein kostenloses Google Analytics-Konto und prüfen Sie im Bericht Echtzeit, ob die Tag-Treffer von den Google-Servern empfangen werden.

Wenn Sie einen Fehler melden oder Feedback zu fehlenden Informationen geben möchten, füllen Sie das Formular Content Management System Support aus.

Bitte gewähren Sie Google nach Möglichkeit Testzugriff, damit wir die Funktion kontinuierlich überprüfen können.

Anleitung zur Nutzerbereitstellung aktualisieren

Aktualisieren Sie Ihre Dokumentation, um eine klare Anleitung zur Implementierung der Analyseprodukte von Google über Ihre Implementierung bereitzustellen. Bitte senden Sie uns einen Entwurf dieser Anleitung, indem Sie das Formular Überprüfung der Dokumentation zur Einrichtung der CMS-Integration ausfüllen. Wir können Ihnen dann Feedback geben.