Den Google Tag Manager mit Shopify nutzen: Einrichtung, Funktionen, Limitierungen

Shopify hat ĂŒber die letzten Monate und Jahre ein beachtliches Wachstum im deutschsprachigen Raum hingelegt. Da immer mehr Shops auf Shopfy laufen, stellen sich auch immer mehr Shopbetreiber die Frage, ob sie den beliebten Google Tag Manager mit Shopify verwenden können.

In dem folgenden Beitrag erklÀre ich dir, was der Google Tag Manager eigentlich ist, wo die Vor- sowie Nachteile liegen und wie du den Google Tag Manager mit Shopify verbindest und einrichtest.

Was ist der Google Tag Manager?

Der Google Tag Manager ist ein Google Dienst, mit dem sich sogenannte Tags ohne weiteren Eingriff in den Quellcode auf der Webseite bereitstellen lassen. Dabei sind Tags simple Code-Schnipsel – entweder bereits vordefinierte oder selbst erstellte. Auch reines HTML, CSS oder JavaScript ist dabei möglich.

Die relevanten AnwendungsfĂ€lle fĂŒr Tags sind jedoch das Extrahieren und Verschieben von Informationen zwischen der eigenen Webseite und einem weiteren Dienst wie beispielsweise Google Analytics oder Facebook. Der Google Tag Manager nimmt dabei also eine Art „Mittelsmann“ Funktion ein.

Container, Tags, Trigger, Variablen

Damit die Begriffe des Google Tag Managers direkt in Fleisch und Blut ĂŒbergehen, schauen wir uns kurz die drei wichtigsten Terminologien beim GTM an:

Ähnlich wie bei Google Analytics oder Google Optimize gibt es auch beim GTM einen Container. In einem Konto können mehrere Container sein, allerdings steht ein Container in der Regel immer fĂŒr eine Webseite bzw. App. Es gibt auch Szenarien in denen ein Container auf mehreren Webseiten bzw. URLs eingebunden ist – das lasse ich jetzt aber mal außen vor.

Jeder Container besitzt eine einzigartige Container-ID, die in etwa so aussieht:
GTM-XXXXXXX

Um die Funktionsweise und das Zusammenspiel von Tags, Triggern und Variablen verstÀndlicher zu machen, folgt ein abstraktes (aber passendes) Beispiel:

Du bist Zuhause und wartest auf einen wichtigen Anruf. Und dann passiert es endlich!

Das Telefon (Variable)
klingelt (Trigger) und du musst nur noch den
Anruf entgegen nehmen (Tag).

So kannst du dir das Zusammenspiel in etwa vorstellen.

giphy

Die Variable bezeichnet dabei ein dynamisches Objekt oder Zustand. In diesem Fall klingelte das Telefon, es könnte demnÀchst aber auch genau so gut der Videochat am Laptop sein.

Der Trigger ist eine definierte Regel oder auslösende Aktion, auf die dann eine entsprechende Handlung folgt.

Das Tag ist eine auf den Trigger folgende Handlung, in dem Beispiel also das entgegennehmen des Anrufes.

Vorteile des Google Tag Managers

Die Verwendung eines Tag-Management-Systems wie dem Google Tag Manager bringt fĂŒr Unternehmen und Marketingverantwortliche viele Vorteile mit sich.

  • Der Google Tag Manager zentralisiert die Verwaltung aller Skripte an einem Ort (Facebook, Hotjar, Google Ads, 
). Außerdem lĂ€sst sich mit dem Google Tag Manager auch eine zentrale Verwaltung von Skripten – in Verbindung mit bspw. Cookie-Consent – realisieren.
  • Um den Tag Manager auf der Webseite zu installieren, muss einmalig der Quellcode erweitert werden. Nach dieser ersten technischen Integration muss der Quellcode nur in AusnahmefĂ€llen erneut bearbeitet werden um andere Dienste zu integrieren.
  • Durch die vielen Variablen und Triggern lassen sich Google Analytics Daten durch Event-Tracking (Add to Cart, 
) beliebig anreichern. Ereignis-Tracking ist zwar mit Google Analytics auch ohne den Google Tag Manager möglich, allerdings ist diese Art des Trackings sehr (zeit-)aufwendig und erfordert permanentes Eingreifen in den Quellcode.
  • Einmal fĂŒr einen Dienst angelegte Events und zugehörige Daten (bspw. Add to Cart) lassen sich mit nur wenigen Einstellungen ebenfalls an andere Dienste wie Facebook oder Google Ads (bspw. fĂŒr Retargeting) ĂŒbermitteln. Die Erstellung von Variablen und Triggern ist dabei ein eher „einmaliger“ Aufwand, die erfassten Daten können aber an beliebig viele Dienste geschickt werden.
  • Der neue Debugging-Modus des Google Tag Manager erleichtert die Fehlersuche und bringt seitenĂŒbergreifende Funktionen und Einsichten mit.
  • Mit dem Google Tag Manager lĂ€sst sich umfangreich auf die Thematik Cookie-Consent eingehen. Du kannst ĂŒber den GTM steuern, welche Tags bei welchem Consent ausgespielt oder blockiert werden sollen.

Nachteile des Google Tag Managers

Es ist wie ĂŒberall im Leben: Wo Licht ist, ist auch Schatten. Und natĂŒrlich gibt es auch Nachteile bei der Verwendung von Shopify und Google Tag Manager, bzw. in der Verwendung eines Tag-Management-Systems im Allgemeinen.

  • Manche Nutzer verwenden Browser-Extensions zum Blockieren von Drittanbieter-Skripten. Kommt es zum blockieren des Google Tag Managers, fĂŒhrt das in der Folge auch zu einer Blockierung aller darin enthaltenen Tags
  • Gerade neue und unerfahrene Nutzer können mit der Veröffentlichung von falsch konfigurierten Tags Fehler eventuell auf der gesamten Seite ausrollen. Gerade Tags vom Typ Benutzerdefiniertes HTML, in denen auch JavaScript möglich ist, können solche Fehler verursachen.
  • Auch wenn der Google Tag Manager im ersten Ansatz nach einem recht einfachen Tool klingt, sind Programmierkenntnisse quasi notwendig. Du solltest zumindest Quellcode lesen können, da du es sonst auch bei der Erstellung von Variablen und Triggern schwer haben könntest. FĂŒr sehr einfache Szenarien (bspw. die Integration von Hotjar), benötigst du diese Kenntnisse nicht – fĂŒr alles weitere eigentlich schon.
  • Leider vertrĂ€gt sich der Google Tag Manager mit Shopify nur bedingt. Im Checkout kannst du den Tag Manager ausschließlich in Shopify Plus verwenden. Mehr Informationen dazu findest du hier und in den FAQ.

Wieso sollte ich den Google Tag Manager mit Shopify nutzen?

Auch wenn du den Google Tag Manager nicht im Checkout verwenden kannst (es sei denn du hast Shopify Plus) oder die Integration von Google Analytics mit dem Google Tag Manager in Shopify komplizierter ist, solltest du den Tag Manager in jedem Fall in Shopify nutzen.

Der Grund dafĂŒr ist simpel:

Durch die Integration des Google Tag Managers in Shopify lassen sich beispielsweise Google Analytics Daten anreichern. UnabhÀngig von der Art der Integration!

Das bedeutet, dass du dein Tracking nicht einmal komplett auf den GTM umstellen musst. Du kannst auch die native Shopify Integration fĂŒr Google Analytics nutzen und trotzdem Event-Tracking ĂŒber den Tag Manager an dieselbe Google Analytics Property schicken!

Dadurch erhÀltst du nur Vorteile:

  • Du kannst ohne die Entwicklung eines dataLayers in Shopify weiterhin auf Enhanced Ecommerce setzen
  • Die Integration des Google Tag Managers geht enorm schnell in Shopify
  • Du erhĂ€ltst zusĂ€tzliche Daten und Erkenntnisse ĂŒber deine Besucher und wie diese deine Webseite benutzen

Integration des Google Tag Managers in Shopify

Okay, jetzt kommen wir zum spannenden Teil. Komischerweise heißt es von der offiziellen Shopify Seite:

Shopify Plus
Google Tag Manager ist nur fĂŒr Shops im Shopify Plus-Plan verfĂŒgbar.

shopify help center

Das stimmt in der Form nur bedingt. Lass mich dir erklÀren warum:

Mit Shopify Plus hast du die volle (technische) Kontrolle ĂŒber alle Dateien deines Themes. Du kannst neben der theme.liquid also auch die checkout.liquid verĂ€ndern und den Google Tag Manager im Checkout verwenden. Du kannst den Google Tag Manager mit Shopify auch verwenden, wenn du kein Shopify Plus Kunde bist und nur Zugang zu deiner theme.liquid Datei hast!

Im Checkout gibt es gar nicht so viele spannende Dinge, bei denen dir der Google Tag Manager helfen kann.

Versteh das nicht falsch. NatĂŒrlich ist der Checkout enorm wichtig fĂŒr deine Besucher und dich als Shopbetreiber. Allerdings hast du ohne Shopify Plus ohnehin nicht die Möglichkeit, etwas an dem Checkout zu verĂ€ndern. Außerdem ist der Standard-Checkout von Shopify gar nicht schlecht.

Und nur auf Grund des Checkouts solltest du nicht auf den Einsatz des Google Tag Managers verzichten! Denn du kannst auf allen anderen Seiten (Startseite, Blog, Collection, Produktdetail, BestellbestÀtigung) den Google Tag Manager in vollem Umfang verwenden.

Erstellung eines Kontos und Containers

Zuerst erstellst du dir ein Konto beim Google Tag Manager, dafĂŒr gehst du einfach auf die offizielle Webseite von Google. Dann wĂ€hlst du „Konto erstellen“ aus und landest auf der folgenden Übersicht.

Hier gibst du einen Kontonamen ein, wÀhlst das entsprechende Land aus, vergibst noch einen Container-Namen und wÀhlst eine Zielplattform aus. Da es sich in unserem Fall um eine Webseite handelt, wÀhlen wir Web aus.

google tag manager konto erstellen

Nach einem Klick auf Erstellen musst du noch die Datenschutzbestimmungen von Google akzeptieren. DafĂŒr wĂ€hlst du unten die Checkbox an und bestĂ€tigst oben rechts mit Ja.

Jetzt hast du auch schon dein Konto und deinen Container erstellt und landest auf der Container-Seite, auf der dir auch direkt ein Google Tag Manager Code inklusive Anleitung prÀsentiert wird.

Die Google Tag Manager Container Skripte

Technischer Einbau in Shopify

Um den Google Tag Manager mit Shopify nutzen zu können benötigst du, wie bereits gesagt, Zugang zu deiner theme.liquid Datei sowie Zugang zu dem Bereich Einstellungen > Checkout.

Als erstes gehst du in den Code-Editor deines aktiven Shopify Themes.

Shopify Theme Code-Editor öffnen

Jetzt suchst du einen den </head> HTML Tag. Genau vor diesem Tag fĂŒgst du den ersten Teil des Google Tag Manager Skriptes ein.

Dieser Teil sieht so aus:

<!-- 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://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXX');</script>
<!-- End Google Tag Manager -->

Google selbst empfiehlt, das GTM Skript so weit oben wie möglich zu platzieren – du kannst dich also sukzessive mit der Positionierung des Skriptes nach oben arbeiten und dabei immer wieder die FunktionalitĂ€t des Tag Managers ĂŒberprĂŒfen.

Anschließend kopierst du dir noch den zweiten Teil des GTM Skriptes und fĂŒgst ihn direkt hinter den <body> HTML Tag.

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

Als nĂ€chstes begibst du dich zu den zusĂ€tzlichen Skripten fĂŒr deinen Checkout. DafĂŒr gehst du auf Einstellungen und scrollst bis zu dem Bereich Bestellabwicklung. Dort findest du ein Feld fĂŒr ZusĂ€tzliche Skripte. In diesem fĂŒgst du beide GTM Codes nacheinander ein.

Google Tag Manager mit Shopify am Ende des Checkouts verwenden

Das war’s auch schon mit der technischen Integration.

Ab jetzt kannst du auf allen Seiten – außer dem Checkout – die Funktionen des Google Tag Managers verwenden! 🚀

Verwendung eines dataLayers in Shopify

Der Google Tag Manager ist jetzt mit Shopify verbunden, super! Jetzt juckt es natĂŒrlich in den Fingern, alle bestehenden Dienste aus dem Quellcode oder dem Shopify Backend rauszuziehen und ĂŒber den Google Tag Manager bereit zu stellen.

Prinzipiell ist das auch möglich, es gibt allerdings ein ABER.

Bei der Verwendung der Google Analytics Integration in Shopify verwendet Shopify Enhanced Ecommerce mit ihren hauseigenen Codes. Wenn du jetzt auf den Google Tag Manager umstellst, fehlt dir ein sogenannter dataLayer.

Ein dataLayer ist nichts anderes, als eine Art Zwischenspeicher oder eben, frei ĂŒbersetzt, eine Datenschicht. Mit dem Google Tag Manager kann man sich an dieser Datenschicht bedienen, Daten extrahieren und dann an die besagten Dienste schicken. Hier findest du eine detaillierte ErklĂ€rung zum Data Layer und dem Google Tag Manager.

Wenn du vollkommen auf die Integration ĂŒber den Google Tag Manager umsatteln möchtest, musst du genau diesen dataLayer anlegen (lassen). Dein Entwicklerteam sollte wissen, wie das geht und wie sie sich die Variablen aus Shopify holen, um den dataLayer dynamisch zu befĂŒllen.

Doch auch mit der Standardintegration von Google Analytics in Shopify kannst und solltest du den Google Tag Manager nutzen.

Limitierungen bei dem Google Tag Manager mit Shopify

Hier möchte ich noch mal explizit auf die Limitierungen des Google Tag Managers in Verbindung mit Shopify eingehen.

Wie bereits erwÀhnt, kannst du nur als Shopify Plus Kunde deinen Checkout technisch verÀndern. Ohne den Zugang zur checkout.liquid Datei, kann der Google Tag Manager nicht eingebaut werden.

Es kursierte eine Zeit lang ein Workaround, bei welchem der GTM Code in das zusĂ€tzliche JavaScript der Google Analytics Integration kopiert wurde – das ist aber seit einiger Zeit durch Shopify behoben worden.

Du kannst Google Analytics auch mit dem Google Tag Manager in Shopify nutzen, das wĂŒrde ich persönlich sogar auf Grund der Cookie-Consent-Thematik empfehlen – die meisten Shopify Apps funktionieren in diesem Bereich leider nicht gut.

Das Gegenargument dazu: Aber dann sehe ich keine Daten mehr zum Verhalten im Checkout Prozess!

Richtig, du wirst dann beispielsweise keine Daten mehr im Bericht Bezahlvorgang haben.

google analytics bericht bezahlvorgang

Aber ist das schlimm? Das kommt – wie immer – drauf an.

Auf der einen Seite wirst du in einem wichtigen Bereich „blind“ und erfĂ€hrst an diesen Stellen nicht, wieso deine Kunden den Checkout nicht abschließen. Es könnten die Versandkosten sein, oder die Bezahlmethoden, oder dass der Kunde seine Telefonnummer angeben muss.

Das wĂ€ren noch Dinge, auf die du mit Shopify eingehen kannst – ĂŒber die Einstellungen im Backend.

Alles andere, was bspw. den reinen Aufbau (Menge der Felder, Schritte des Checkouts vs. Onepage-Checkout, 
) angeht, kannst du ohne Shopify Plus sowieso nicht Àndern!

Am Ende musst du die Entscheidung „Native Analytics <> Shopify Integration“ vs. „VollstĂ€ndiges Management ĂŒber den Google Tag Manager“ selbst treffen. FĂŒr beide Varianten gibt es Pro- und Contra-Argumente.

Kostenloses eBook

Tritt der Community bei und erhalte 11 Tipps um deine Conversion Rate zu verbessern!

*Pflichtfelder
Hiermit willige ich in die Erhebung und Verarbeitung der vorstehenden Daten fĂŒr das Empfangen des eBook „11 Conversion Killer fĂŒr deinen Onlineshop“ sowie des Newsletters per E-Mail ein. Von der DatenschutzerklĂ€rung habe ich Kenntnis genommen und bestĂ€tige dies mit Absendung des Formulars.

Kostenlose Google Analytics Dashboard Vorlage

Damit du deine Daten direkt auf einem Blick in einem Dashboard bei Google Analytics hast, habe ich dir eine kostenloses Google Analytics Dashboard erstellt. Darin findest du alle relevanten, ĂŒbergreifenden Metriken aus dem E-Commerce, wie beispielsweise Transaktionen pro Produkt, Umsatz, Conversion Rate und noch einiges mehr.

Google Analytics Dashboard fĂŒr Shopify

Das Dashboard kostet dich nichts und lĂ€sst sich mit einem simplen Klick in deine Google Analytics Property ĂŒberfĂŒhren. Wenn ich dir das Dashboard zuschicken soll, trage dich einfach hier ein:

Dashboard Vorlage anfordern! 📈
Hiermit willige ich in die Erhebung und Verarbeitung der vorstehenden Daten fĂŒr das Empfangen des Newsletters per E-Mail ein. Von der DatenschutzerklĂ€rung habe ich Kenntnis genommen und bestĂ€tige dies mit Absendung des Formulars.

Fazit

Meiner Meinung nach ist der Google Tag Manager enorm mĂ€chtig – auch fĂŒr Shopify Kunden ohne Shopify Plus.

Durch die Tatsache, dass man mit Hilfe des Google Tag Managers die Google Analytics Daten durch bspw. Event Tracking erweitern kann, ergeben sich neue Erkenntnisse darĂŒber, wie Nutzer die Webseite verwenden. Außerdem können Drittanbieter-Dienste, wie Hotjar, schnell und einfach integriert werden.

Der Google Tag Manager eignet sich also nicht nur fĂŒr die Integration von Google Analytics, sondern ebenfalls fĂŒr Quellcode-freie Integration von anderen Tools.

Ob du deinen Shopify Shop vollstĂ€ndig auf den Google Tag Manager umstellst, bleibt natĂŒrlich dir ĂŒberlassen. Die vollstĂ€ndige Integration hat natĂŒrlich Vor- und Nachteile. Die Teilintegration natĂŒrlich auch. In jedem Fall vereinfacht der Google Tag Manager vieles, auch Cookie-Handling ist damit kein Problem. FĂŒr mich also einer der grĂ¶ĂŸten Vorteile fĂŒr eine vollstĂ€ndige Integration des Google Tag Managers – auch mit Google Analytics.

FAQ – HĂ€ufige Fragen

Kann ich den Google Tag Manager ohne Shopify Plus nutzen?

Ja, der Google Tag Manager kann in jedem normalen Shopify Plan verwendet werden. Er funktioniert lediglich im Checkout nicht, da eine Zugriff auf den Quellcode des Checkouts nur mit Shopify Plus möglich ist. Die gesamten Funktionen des Tag Managers lassen sich aber auf allen anderen Seiten sowie der BestellbestÀtigungsseite normal nutzen.

Kann ich Enhanced Ecommerce mit dem Google Tag Manager in Shopify nutzen?

Enhanced Ecommerce in Shopify lĂ€sst sich auch mit dem Google Tag Manager benutzen. Die Integration ĂŒber den Tag Manager ist dabei zwar technisch aufwĂ€ndiger und komplexer, trotzdem musst du nicht auf die Enhanced Ecommerce Funktionen verzichten.

Brauche ich dataLayer in Shopify fĂŒr Enhanced Ecommerce?

Wenn du Google Analytics ĂŒber den Google Tag Manager in Shopify bereitstellst, musst du eigene dataLayer Befehle schreiben. FĂŒr die native Integration von Google Analytics in Shopify ĂŒbernimmt Shopify diese Aufgabe mit ihrem System. Doch mit der Kontrolle ĂŒber den dataLayer und dem Zusammenspiel mit dem Google Tag Manager gewinnt man einiges an Freiheiten dazu und kann weitere Funktionen im dataLayer aufnehmen.

Brauche ich eine App um den Google Tag Manager mit Shopify nutzen zu können?

Nein, der Google Tag Manager lĂ€sst sich ganz ohne App im Quellcode deines Shopify Themes installieren. DafĂŒr musst du lediglich die zwei Tag Manager Snippets in der theme.liquid Datei und auf der BestellbestĂ€tigungsseite einfĂŒgen. Allerdings lĂ€sst sich der Google Tag Manager mit Shopify Basic nicht im Checkout verwenden, dafĂŒr brĂ€uchtest du Shopify Plus.

Newsletter abonnieren und der Konkurrenz einen Schritt voraus sein!

Die growganic Community profitiert von exklusiven Inhalten, Tipps und Insights die die Konkurrenz nicht erhÀlt. Melde dich jetzt an und sei besser als deine Wettbewerber!

Hiermit willige ich in die Erhebung und Verarbeitung der vorstehenden Daten fĂŒr das Empfangen des Newsletters per E-Mail ein. Von der DatenschutzerklĂ€rung habe ich Kenntnis genommen und bestĂ€tige dies mit Absendung des Formulars.

Geschrieben von

Christoph Böcker

Christoph Böcker

Chris liebt datengetriebenes Marketing und Konsumpsychologie (und als gelernter Mediengestalter auch Design). Mit growganic.de verhilft Chris digitalen Unternehmen zu mehr Umsatz durch Datenanalyse, A/B Testing und psychologisch fundierte Methoden.

Geschrieben von

Christoph Böcker

Christoph Böcker

Chris liebt datengetriebenes Marketing und Konsumpsychologie (und als gelernter Mediengestalter auch Design). Mit growganic.de verhilft Chris digitalen Unternehmen zu mehr Umsatz durch Datenanalyse, A/B Testing und psychologisch fundierte Methoden.

Kommentar verfassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Weitere BeitrÀge

Klaviyo: Der mega E-Mail-Marketing Allrounder 2021

Bei vielen Unternehmen ist E-Mail-Marketing ein absoluter Umsatzbringer. Der Bedarf bei Unternehmen ist enorm, daher gibt es neben Diensten wie Klaviyo oder Mailchimp auch immer neue Anbieter. VerstÀndlich, denn die aktiven EmpfÀnger oder Kunden in der E-Mail Liste sind mit dem Unternehmen und seinen Produkten vertraut. Wer sich aktiv in

Conversion Rate optimieren: 10 Tipps fĂŒr dein Unternehmen

Die Conversion Rate optimieren. Wollen wir das nicht alle? TrÀumst du nicht auch von Conversion Rates >10%, dich liebenden Kunden und Webseiten-Besuchern die mit Freude einen vollen Warenkorb bei dir auschecken? Mit der Conversion Rate haben die meisten Webseiten-Betreiber eine Art Hassliebe. Ich kann das gut nachvollziehen, in manchen Wochen

Deine Konkurrenz beliest sich ebenfalls.

Die growganic Community profitiert von exklusiven Inhalten, Tipps und Insights die die Konkurrenz nicht erhÀlt. Melde dich jetzt an und sei besser als deine Wettbewerber!

Hiermit willige ich in die Erhebung und Verarbeitung der vorstehenden Daten fĂŒr das Empfangen des Newsletters per E-Mail ein. Von der DatenschutzerklĂ€rung habe ich Kenntnis genommen und bestĂ€tige dies mit Absendung des Formulars.