Google Tag Manager
Auf dieser Seite
Überlegungen zur Verwendung von Google Tag Manager
Wenn du Google Tag Manager mit deinem Shopify Plus-Onlineshop verwenden möchtest, musst du folgendermaßen vorgehen:
- Du benötigst Zugriff auf die
checkout.liquid
-Datei. Wenn du in deinem Theme-Code keinen Zugriff auf diese Datei hast, wende dich an den Shopify Plus Support, um stattdessen Hilfe bei der Verwendung des Google Tag Managers mit Checkout Extensibility zu erhalten. - Nutze die Shopify-Integration für Google Analytics und Meta-Pixel, anstatt den Google Tag Manager zu verwenden.
- Du kopierst die Code-Snippets, die von Google Tag Manager bereitgestellt werden, in deine
theme.liquid
undcheckout.liquid
Theme-Dateien.
Google Tag Manager-Code zur Theme hinzufügen
Schritte:
-
Installiere Google Tag Manager, um die Code-Snippets zu erhalten, die du kopierst und in deinen Shopify-Shop einfügen musst. Da Shopify Vorlagen verwendet, musst du die Snippets nur in die Dateien
theme.liquid
undcheckout.liquid
kopieren.- Wenn du Google Tag Manager zum ersten Mal installierst, befolge die Installationsschritte, die Google Tag Manager bereitstellt. Halte an der Stelle an, an der du zwei Code-Snippets erhältst, die du zu deinen Webseiten hinzufügen musst, und befolge dann die nachstehenden Anweisungen.
- Wenn du Google Tag Manager bereits installiert hast, kannst du diese Code-Snippets in deinem Google Tag Manager finden, indem du auf Admin und dann auf Google Tag Manager installieren klickst.
Klicke in deinem Shopify-Adminbereich auf Onlineshop und dann auf Themes.
Klicke im Theme-Dropdown-Menü auf Code bearbeiten.
-
Kopiere das erste Code-Snippet aus Google Tag Manager in die
<head>
-Tags destheme.liquid
- undcheckout.liquid
-Codes:- Kopiere das erste Code-Snippet aus Google Tag Manager
- Öffne im Shopify-Adminbereich die Datei
theme.liquid
. - Füge das Code-Snippet möglichst weit oben in den
<head>
destheme.liquid
-Codes ein. - Öffne die Datei
checkout.liquid
. - Füge das Code-Snippet möglichst weit oben in den
<head>
descheckout.liquid
-Codes ein.
-
Kopiere das zweite Code-Snippet aus Google Tag Manager in die
<body>
-Tags destheme.liquid
- undcheckout.liquid
-Codes:- Öffne im Shopify-Adminbereich die Datei
theme.liquid
. - Füge das Code-Snippet möglichst weit oben in den
<body>
dertheme.liquid
-Seite ein. - Öffne die Seite
checkout.liquid
. - Füge das Code-Snippet möglichst weit oben in den
<body>
descheckout.liquid
-Codes ein.
- Öffne im Shopify-Adminbereich die Datei
Klicke in deinem Shopify-Adminbereich auf Speichern.
-
Setze in Google Tag Manager die Installation fort. Wenn du aufgefordert wirst, Tags hinzuzufügen, füge nicht die folgenden Tagtypen hinzu:
- Universal Analytics für Google Analytics
- Classic Google Analytics für Google Analytics
- Meta-Pixel
Sicherstellen, dass Google Tag Manager installiert ist
Um zu überprüfen, ob du Google Tag Manager ordnungsgemäß installiert hast, kannst du Folgendes verwenden:
- den Vorschaumodus in Google Tag Manager
- die Google Tag Assistant Erweiterung für Chrome.