Google Tag Manager

Adobe Commerce-Funktion {width="20"} Exklusive Funktion nur in Adobe Commerce (Weitere Informationen)

Google Tag Manager ist ein leistungsstarkes Tool, mit dem Sie verschiedene Tags (Code-Ausschnitte), die mit Ihren Marketing-Kampagnenereignissen verknüpft sind, effizient verwalten und bereitstellen können. Google Tag Manager bietet Ihnen die Möglichkeit, Tracking-Tags zu Ihrer Site hinzuzufügen, um die Zielgruppe zu messen oder Marketing-Initiativen für Suchmaschinen zu personalisieren, erneut anzusprechen oder durchzuführen.

Google Tag Manager überträgt Daten und Ereignisse direkt an Google Analytics, Enhanced E-Commerce und andere Analyselösungen von Drittanbietern, um ein klares Bild davon zu erhalten, wie gut Ihre Site, Produkte und Promotions funktionieren.

Sie sollten über ein Google Analytics und ein Tag Manager Konto verfügen, um diesen Prozess fortzusetzen. Die folgenden Anweisungen führen Sie durch den Prozess der Konfiguration Ihrer Google-Konten, der Konfiguration Ihres Commerce-Stores und der Erstellung eines Tags.

NOTE
Wenn Ihr Unternehmen Datenschutzbestimmungen wie der Datenschutz-Grundverordnung und/oder dem California Consumer Privacy Act“ unterliegt finden Sie weitere Informationen unter Datenschutzeinstellungen von Google.

Schritt 1. Konfigurieren des Google Analytics

Siehe Einrichten der Site-Suche in der Hilfe zu Google für die Grundlagen, die Sie für die ersten Schritte benötigen. Siehe auch die Google-Handbücher für Google Analytics und Google Tag Manager.

  1. Melden Sie sich bei Ihrem Google Analytics Konto an.

  2. Gehen Sie wie folgt vor, um Internal Site Search Tracking zu aktivieren:

    • Navigieren Sie zu Select View > View Settings.

    • Legen Sie Site Search Tracking auf On fest.

    • Setzen Sie Query Parameter auf q.

    • Wenn Sie fertig sind, Save Sie die Einstellungen.

  3. Gehen Sie wie folgt vor, um Anzeigefunktionen zu aktivieren:

    • Wählen Sie Property Settings.

    • Legen Sie unter Advertising FeaturesEnable Demographics and Interest Reports ​auf On fest.

    • Save der Einstellungen.

  4. Gehen Sie wie folgt vor, um das E-Commerce-Tracking zu aktivieren:

    • Navigieren Sie zu Select View > Ecommerce Settings.

    • Legen Sie Enable Ecommerce auf On fest.

    • Legen Sie Enable Enhanced Ecommerce Reporting auf On fest.

    • Save der Einstellungen.

  5. Laden Sie die Seite neu und stellen Sie sicher, dass alle Einstellungen On bleiben.

    note note
    NOTE
    Wenn nicht alle Einstellungen On sind, wiederholen Sie die vorherigen Schritte, speichern Sie die Seite und laden Sie sie neu. Wiederholen Sie diesen Vorgang, bis alle Einstellungen auf On gesetzt sind.

Schritt 2. Konfigurieren des Google Tag Manager

Die folgenden Anweisungen zeigen, wie Sie einen neuen Container mit den Grundeinstellungen konfigurieren. Eine Beispielkonfigurationsdatei Composer (.json) wird verwendet, um den Prozess zu vereinfachen, indem importiert wird, um ein Tag in einem neuen Container zu generieren. In diesem Beispiel wird empfohlen, einen Container zu erstellen, anstatt einen vorhandenen Container zu ändern.

NOTE
Weitere Informationen finden Sie unter Google Container-Export und -Import. Diese Anweisungen bieten eine Anleitung zum Importieren einer Beispiel-JSON in einen neuen Container.
  1. Laden Sie die verknüpfte Datei GTM_M2_Config_json.txt herunter, öffnen Sie die Datei in einem Editor und speichern Sie sie als GTM_M2_Config.json.

    Die JSON-Datei wird direkt in Google Tag Manager hochgeladen.

  2. Navigieren Sie zu Admin > Container > Import Container.

  3. Klicken Sie auf Choose container file und wählen Sie die JSON-Datei aus.

  4. Klicken Sie unter Choose workspace auf New.

  5. Geben Sie einen Titel und eine Beschreibung ein und klicken Sie dann auf Save.

  6. Um die Datei zu importieren, wählen Sie eine der folgenden Aktionen aus:

    • Für einen neuen Container sollte die Option Overwrite ausgewählt werden.

    • Wenn Sie einen vorhandenen Container verwenden, sollte die Option Merge ausgewählt werden.

  7. Klicken Sie auf Preview , um die Tags, Trigger und Variablen zu überprüfen.

  8. Gehen Sie wie folgt vor, um die Google Analytics ID zu bearbeiten, auf die in Variablen verwiesen wird:

    • Navigieren Sie zu Variables > User-Defined Variables.

    • Wählen Sie Google Analytics und aktualisieren Sie den Platzhalter (UA-xxxxxx-x) mit Ihrer eigenen GA ID.

  9. Befolgen Sie die Anweisungen in Google zum Hinzufügen von Tags, Triggern und Variablen zum neuen Container.

    Wenn Sie Einstellungen in einem anderen Container haben, den Sie verwenden möchten, können diese in den neuen Container verschoben werden.

  10. Klicken Sie nach Abschluss auf Confirm .

  11. Befolgen Sie die Anweisungen in Google zum Veröffentlichen des neuen Containers.

Schritt 3. Konfigurieren des Stores

NOTE
Ab Version 2.4.5 wird die Google Services-Integration aktualisiert, um die Verwendung der GTag-APIs zu unterstützen. GTag ist ein einheitlicher Integrationsmechanismus mit Google-Funktionen für Web-Seiten und unterstützt die neuesten Funktionen und Möglichkeiten für das Tracking und die Verwaltung von Inhalten mit Google Services.
  1. Melden Sie sich beim Administrator Ihres Commerce-Stores an.

  2. Navigieren Sie in Admin-Seitenleiste zu Stores > Settings>Configuration.

  3. Erweitern Sie im linken Bereich Sales und wählen Sie Google API.

  4. Erweitern Sie Erweiterungsauswahl den Abschnitt Google Analytics und konfigurieren Sie Folgendes:

    Verkaufskonfiguration - Google Analytics {width="600" modal="regular"}

    • Legen Sie Enable auf Yes fest.

    • Legen Sie Account type auf Google Tag Manager fest.

    • Geben Sie im Feld Container ID Ihre GTM-ID ein (GTM-xxxxxx).

    • Wenn Sie Google Analytics auch zum Erstellen von Inhaltsexperimenten verwenden, setzen Sie Inhaltsexperimente aktivieren auf Yes.

    • Verwenden Sie die Standardwerte für die verbleibenden Felder.

  5. Klicken Sie abschließend auf Save Config.

  6. Testen Sie Ihre Google Tag Manager und stellen Sie sicher, dass alles korrekt funktioniert.

NOTE
Jeder Container ist einer Website zugeordnet und Sie benötigen nur einen Container pro Konto. Wenn Sie über eine Commerce-Instanz mit mehreren Sites verfügen, benötigen Sie separate Container.

Feldbeschreibungen

Feld
Umfang
Beschreibung
Enable
Shop-Ansicht
Legt fest, ob Google Analytics Enhanced E-Commerce zur Analyse der Aktivitäten in Ihrem Store verwendet werden kann. Optionen: Yes / No
Account type
Shop-Ansicht
Bestimmt den Google-Trackingcode, der zur Überwachung von Speicheraktivität und Traffic verwendet wird. Optionen: Google Analytics / Google Tag Manager
Anonymize IP
Shop-Ansicht
Bestimmt, ob identifizierende Informationen aus IP-Adressen entfernt werden, die in den Google Analytics-Ergebnissen angezeigt werden.
Container Id
Shop-Ansicht
Wenn Google Tag Manager bereits für Ihren Store installiert und konfiguriert ist, wird die Container-ID automatisch in diesem Feld angezeigt.
List property for the catalog page
Shop-Ansicht
Identifiziert die Tag-Manager-Eigenschaft, die mit der Katalogseite verknüpft ist. Standardwert: Catalog Page
List property for the cross-sell block
Shop-Ansicht
Gibt die Tag-Manager-Eigenschaft an, die mit dem Crosssell-Block verknüpft ist. Standardwert: Cross-sell
List property for the up-sell block
Shop-Ansicht
Gibt die Tag-Manager-Eigenschaft an, die mit dem Upsell-Block verknüpft ist. Standardwert: Up-sell
List property for the related products block
Shop-Ansicht
Identifiziert die Tag-Manager-Eigenschaft, die mit dem zugehörigen Produktblock verknüpft ist. Standardwert: Related Products
List property for the search results page
Shop-Ansicht
Gibt die Tag-Manager-Eigenschaft an, die mit der Suchergebnisseite verknüpft ist. Standardwert: Search Results
“Internal Promotions” for promotions field “Label”
Shop-Ansicht
Identifiziert die Tag-Manager-Eigenschaft, die mit den Kennzeichnungen für interne Promotions verknüpft ist. Standardwert: Label

Erstellen eines Tags zum Tracking von Konversionen

Wenn Sie über ein Google AdWords-Konto verfügen, können Sie ein Tag erstellen, mit dem Konversionen verfolgt werden. Das folgende Beispiel zeigt, wie Sie sowohl Google Tag Manager als auch Google Analytics verwenden, um ein Tag zu erstellen, das auf der Konversionsseite Shops ausgelöst.

Schritt 1. Erstellen eines Tags

  1. Melden Sie sich bei Ihrem Google Tag Manager-Konto an und klicken Sie auf den Link für den Container, den Sie für Ihren Store erstellt haben.

  2. Klicken Sie im New Tag auf Add a new tag.

  3. Die folgenden Informationen erhalten Sie von Ihrem AdWords-Konto:

    • Konversions-ID
    • Titel der Konversion

    Wenn Sie Hilfe benötigen, besuchen Sie die Support-Site von Google.

  4. Klicken Sie im Google Tag Manager-Dashboard auf Google AdWords und führen Sie folgende Schritte aus:

    • Klicken Sie auf den Platzhalter Titel und geben Sie einen Namen für das neue Tag ein.

    • Wählen Sie unter Choose Product die Option Google AdWords.

    • Wählen Sie unter Choose a Tag Type ​die Option AdWords Conversion Tracking ​aus und klicken Sie auf Continue.

  5. Geben Sie die Conversion ID und Conversion Label aus Ihrem AdWords-Konto ein und klicken Sie auf Continue.

Schritt 2. Erstellen einer Regel

Im nächsten Schritt erstellen Sie über das Google Tag Manager-Dashboard eine Regel, die das -Tag auf der Konversionsseite auslöst.

  1. Klicken Sie unter Fire On auf Some Pages.

  2. Füllen Sie im Abschnitt Choose Pages ​die folgenden Einstellungen aus:

    • Name - Geben Sie einen Namen für die Seitenbeschreibung ein.

    • Variable url

    • operation - matches RegEx

      Weitere Informationen finden Sie unter Regex- und CSS-Selektoroperatoren in der Google Tag Manager-Hilfe.

    • Value - checkout/success.*

  3. Aktivieren Sie das grüne Kontrollkästchen und klicken Sie auf Save.

    Der von Ihnen eingerichtete Trigger wird im Abschnitt Auslösen bei als blaue Schaltfläche angezeigt.

  4. Klicken Sie abschließend auf Save Tag.

Schritt 3. Vorschau und Veröffentlichung

Der nächste Schritt im Prozess besteht in der Vorschau des Tags. Bei jeder Vorschau des Tags wird ein Schnappschuss der Version gespeichert. Wenn Sie mit den Ergebnissen zufrieden sind, wechseln Sie zur Version, die Sie verwenden möchten, und klicken Sie auf Publish.

Benutzerdefiniertes HTML-Tag mit JavaScript

In diesem Abschnitt wird erläutert, wie Sie eine CSP-Nonce zum benutzerdefinierten HTML Tag JavaScript hinzufügen, um sie auf der Kaufseite auszuführen und so die Einhaltung der Anforderungen der Content Security Policy (CSP) sicherzustellen. Dieser Zusatz erhöht die Sicherheit der Site, indem er die Ausführung nicht autorisierter Skripte verhindert. Weitere Informationen finden Sie in der Dokumentation Content Security Policy .

NOTE
Der Import der globalen cspNonce-Variablen in Google Tag Manager wird nur ab Adobe Commerce-Version 2.4.8 unterstützt.
WARNING
Das Hinzufügen unbekannter Skripte zu Ihrem Store kann das Risiko von Datenkompromittierungen bergen. Skripte, die auf der Checkout-Seite autorisiert sind, können vertrauliche Kundeninformationen, einschließlich Zahlungsdetails, stehlen. Sie müssen unbedingt Vorsichtsmaßnahmen treffen, um Ihr Google Tag Manager-Konto zu schützen. Fügen Sie nur vertrauenswürdige Skripte hinzu, überprüfen Sie Ihre Tags regelmäßig und implementieren Sie strenge Sicherheitsmaßnahmen wie Zwei-Faktor-Authentifizierung (2FA) und Zugriffssteuerung.

Schritt 1. Erstellen einer CSP-Nonce-Variablen

Sie können eine CSP-Nonce-Variable erstellen, die in Ihrem Google Tag Manager verwendet werden kann, indem Sie die Variablenkonfiguration importieren oder manuell konfigurieren.

Importieren der Variablenkonfiguration

Die CSP-Nonce-Variable ist im Beispiel-Container GTM_M2_Config_json.txt enthalten. Sie können die Variable erstellen, indem Sie diesen Code in Ihren Arbeitsbereich importieren.

Variable manuell erstellen

Wenn Sie die Variablenkonfiguration nicht importieren können, führen Sie die folgenden Schritte aus, um sie zu erstellen.

  1. Navigieren Sie in Ihrem Arbeitsbereich zum Abschnitt Variablen in der Seitenleiste.
  2. Klicken Sie auf Neu Schaltfläche unten auf der Seite im Abschnitt Benutzerdefinierte Variablen .
  3. Benennen Sie die Variable gtmNonce.
  4. Klicken Sie auf das Stiftsymbol, um die Variable zu bearbeiten.
  5. Wählen Sie JavaScript aus dem Abschnitt Seitenvariable aus.
  6. Geben Sie Feld „Globaler" window.cspNonce ein.
  7. Speichern Sie die Variable.

Weitere Informationen zu Google Tag Manager-Variablen finden Sie unter Benutzerdefinierte Variablentypen für das Web in der Dokumentation zu Google. Diese Dokumentation bietet detaillierte Anleitungen zum Erstellen und Verwalten benutzerdefinierter Variablen, um Ihr Tag-Management auf spezifische Marketing- und Analyseanforderungen anzupassen.

Schritt 2. Erstellen eines benutzerdefinierten HTML-Tags

  1. Navigieren Sie in Ihrem Arbeitsbereich zum Abschnitt Tags in der Seitenleiste.

  2. Klicken Sie auf die Neu-Schaltfläche.

  3. Wählen Sie Abschnitt Tag-Konfiguration“ Benutzerdefiniertes HTML-Tag aus.

  4. Geben Sie die erforderliche JavaScript im Textbereich ein und fügen Sie dem öffnenden <script>-Tag ein nonce-Attribut hinzu, das auf die Variable verweist, die Sie im vorherigen Schritt erstellt haben. Beispiel:

    code language-html
    <script nonce="{{gtmNonce}}">
        // Your JavaScript code here
    </script>
    
  5. Wählen Sie Support document.write aus.

  6. Wählen Sie Abschnitt den gewünschten Trigger aus. Beispiel: Einverständnisinitialisierung - Alle Seiten.

Weitere Informationen zu Tags im Tag-Manager von Google finden Sie unter Benutzerdefinierte Tags in der Dokumentation zu Google.

recommendation-more-help
d5ef48ad-708f-4ce5-a225-e7bb6053ded5