Google Tag Manager
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.
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.
-
Melden Sie sich bei Ihrem Google Analytics Konto an.
-
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
Onfest. -
Setzen Sie Query Parameter auf
q. -
Wenn Sie fertig sind, Save Sie die Einstellungen.
-
-
Gehen Sie wie folgt vor, um Anzeigefunktionen zu aktivieren:
-
Wählen Sie Property Settings.
-
Legen Sie unter Advertising Features Enable Demographics and Interest Reports auf
Onfest. -
Save der Einstellungen.
-
-
Gehen Sie wie folgt vor, um das E-Commerce-Tracking zu aktivieren:
-
Navigieren Sie zu Select View > Ecommerce Settings.
-
Legen Sie Enable Ecommerce auf
Onfest. -
Legen Sie Enable Enhanced Ecommerce Reporting auf
Onfest. -
Save der Einstellungen.
-
-
Laden Sie die Seite neu und stellen Sie sicher, dass alle Einstellungen
Onbleiben.note note NOTE Wenn nicht alle Einstellungen Onsind, wiederholen Sie die vorherigen Schritte, speichern Sie die Seite und laden Sie sie neu. Wiederholen Sie diesen Vorgang, bis alle Einstellungen aufOngesetzt 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.
-
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.
-
Navigieren Sie zu Admin > Container > Import Container.
-
Klicken Sie auf Choose container file und wählen Sie die JSON-Datei aus.
-
Klicken Sie unter Choose workspace auf New.
-
Geben Sie einen Titel und eine Beschreibung ein und klicken Sie dann auf Save.
-
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.
-
-
Klicken Sie auf Preview , um die Tags, Trigger und Variablen zu überprüfen.
-
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.
-
-
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.
-
Klicken Sie nach Abschluss auf Confirm .
-
Befolgen Sie die Anweisungen in Google zum Veröffentlichen des neuen Containers.
Schritt 3. Konfigurieren des Stores
-
Melden Sie sich beim Administrator Ihres Commerce-Stores an.
-
Navigieren Sie in Admin-Seitenleiste zu Stores > Settings>Configuration.
-
Erweitern Sie im linken Bereich Sales und wählen Sie Google API.
-
Erweitern Sie
den Abschnitt Google Analytics und konfigurieren Sie Folgendes:
{width="600" modal="regular"}
-
Legen Sie Enable auf
Yesfest. -
Legen Sie Account type auf
Google Tag Managerfest. -
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.
-
-
Klicken Sie abschließend auf Save Config.
-
Testen Sie Ihre Google Tag Manager und stellen Sie sicher, dass alles korrekt funktioniert.
Feldbeschreibungen
Yes / NoGoogle Analytics / Google Tag ManagerCatalog PageCross-sellUp-sellRelated ProductsSearch ResultsLabelErstellen 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
-
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.
-
Klicken Sie im New Tag auf Add a new tag.
-
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.
-
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.
-
-
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.
-
Klicken Sie unter Fire On auf Some Pages.
-
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 RegExWeitere Informationen finden Sie unter Regex- und CSS-Selektoroperatoren in der Google Tag Manager-Hilfe.
-
Value -
checkout/success.*
-
-
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.
-
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 .
cspNonce-Variablen in Google Tag Manager wird nur ab Adobe Commerce-Version 2.4.8 unterstützt.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.
- Navigieren Sie in Ihrem Arbeitsbereich zum Abschnitt Variablen in der Seitenleiste.
- Klicken Sie auf Neu Schaltfläche unten auf der Seite im Abschnitt Benutzerdefinierte Variablen .
- Benennen Sie die Variable
gtmNonce. - Klicken Sie auf das Stiftsymbol, um die Variable zu bearbeiten.
- Wählen Sie JavaScript aus dem Abschnitt Seitenvariable aus.
- Geben Sie Feld „Globaler"
window.cspNonceein. - 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
-
Navigieren Sie in Ihrem Arbeitsbereich zum Abschnitt Tags in der Seitenleiste.
-
Klicken Sie auf die Neu-Schaltfläche.
-
Wählen Sie Abschnitt Tag-Konfiguration“ Benutzerdefiniertes HTML-Tag aus.
-
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> -
Wählen Sie Support document.write aus.
-
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.