Hinweis: Die Screenshots in diesem Artikel stammen von Oktober 2020. Da sich die Oberfläche und die Facebook-Pixels-Plattform regelmäßig ändern, kann die Darstellung abweichen. Der Ablauf bleibt jedoch grundsätzlich gleich.
Was ist Google Tag Manager überhaupt?
Google Tag Manager (GTM) ist ein Tag-Management-System, mit dem du erweiterte Daten erfassen kannst. GTM aktualisiert Daten schnell und erleichtert das Tracking auf Apps oder Websites. Es handelt sich um eine Oberfläche, in der du die von dir erstellten Tags anlegen und einsehen kannst. GTM ist ein Tag-Management-System und funktioniert ähnlich wie ein CMS (Content-Management-System) – allerdings nicht für Inhalte, sondern für spezielle Tags.
Du kannst deine Daten zum Beispiel erfassen, indem du dein Google-Tag-Manager-Konto mit Google Analytics verknüpfst.
Warum brauchen wir Google Tag Manager?
Die Vorteile von Google Tag Manager:
Spart Entwickler:innen Zeit. Sie müssen nichts intern entwickeln – die Oberfläche ist verständlich, sodass jeder sie nutzen kann.
Genauere Daten. Ermöglicht individuelles Tracking und die Analyse spezifischer Daten und Bedürfnisse.
Erhöht die Geschwindigkeit der Website (Reaktionszeit, Arbeitsabläufe, Ladezeit der Seite)
Warum solltest du es für dein bsport-Konto einrichten?
Damit du das Verhalten von Kund:innen und potenziellen Kund:innen analysieren kannst, wenn sie sich auf der mit deinem Konto verknüpften bsport-Plattform befinden. Du kannst verschiedene Schritte, Klicks, Sitzungen und mehr analysieren.
Was sind Facebook-Pixel?
Das Facebook-Pixel ist ein Code, mit dem du Daten von Nutzer:innen erfassen kannst, die deine Website besucht haben, um eine Zielgruppe aufzubauen.
Warum brauchen wir Facebook-Pixel?
Das Facebook-Pixel wird verwendet, um Werbekampagnen auf Instagram und Facebook zu optimieren, den Traffic auf deiner Website über Facebook zu analysieren und den Kaufpfad sowie weitere werbebezogene Daten zu erfassen.
Warum solltest du es für dein bsport-Konto einrichten?
Damit du das Verhalten von Nutzer:innen analysieren kannst, nachdem sie auf eine Facebook- oder Instagram-Anzeige geklickt haben. So hast du die richtigen Daten, um deine Marketingkampagnen zu optimieren.
Jetzt, wo du weißt, was Google Tag Manager und Facebook-Pixel sind, starten wir mit dieser Anleitung, um beide Tools mit deiner bsport-Plattform zu verknüpfen.
Die einzelnen Schritte, um die bsport-Daten zu erhalten:
Verknüpfe dein bsport-Konto mit Google Tag Manager
Richte dein Google-Tag-Manager-Konto ein
Richte dein Facebook-Pixel-Konto ein
Verknüpfe Pixel und Google Tag Manager
Erstelle Google-Tag-Manager-Tags, um Facebook-Anzeigendaten zu erfassen
Überprüfe, ob Aktionen auf der Plattform an Pixel gemeldet werden
Für diese Anleitung benötigst du:
Ein Google-Tag-Manager-Konto
Ein Facebook-Business-Manager-Konto, das Zugriff auf Facebook-Pixel gewährt
Ein bsport-Konto
Verknüpfe dein Google-Tag-Manager-Konto mit bsport
Um dein Google-Tag-Manager-Konto mit bsport zu verknüpfen, benötigst du nur zwei Dinge:
Deine Google-Tag-Manager-ID kennen
Deine Google-Tag-Manager-ID in der bsport-Plattform eingeben
Um deine Google-Tag-Manager-ID herauszufinden, musst du nur die GTM-Oberfläche öffnen und deine ID suchen.
Du findest sie hier:
Die Zahl neben GTM ist deine ID.
Gehe anschließend als Admin auf deine bsport-Plattform.
Du musst deine Google-Tag-Manager-ID unter Einstellungen > Allgemein > Google Tag ID eingeben
Jetzt sind dein bsport-Konto und Google Tag Manager miteinander verknüpft.
Richte dein Google-Tag-Manager-Konto ein
Jetzt kannst du dein GTM-Konto einrichten, um die Daten deiner Plattform zu erfassen.
Google Tag Manager arbeitet mit 3 Einstellungen:
Tags. Wenn du eines erstellst, kannst du Regeln festlegen und auswählen, was du erfassen möchtest. Das kann eine Seitenansicht sein, Informationen aus Google Analytics/Facebook-Pixel abrufen usw.
Trigger – die Daten, die du erfassen möchtest; ein Tag, das durch eine bestimmte Aktion ausgelöst wird. Zum Beispiel: Klick auf ein Video, Klick auf einen Artikel, zum Warenkorb hinzufügen usw.
Variablen – Variablen, die auf Trigger angewendet werden können, um ein genaueres Tracking zu ermöglichen
Du kannst jetzt Tags erstellen, um die Daten auf deiner bsport-Plattform zu erfassen.
Um sie zu analysieren, musst du dein Google-Tag-Manager-Konto mit Google Analytics verknüpfen.
Um in Google Tag Manager ein Tag zu erstellen, klicke in der linken Seitenleiste auf „Tags" und dann auf „Neu".
Nachdem du ein Google-Analytics-Konto erstellt und mit Google Tag Manager verknüpft hast, geschieht dies automatisch.
Dann musst du auf der Google-Tag-Manager-Plattform ein Tag erstellen > Google Analytics: Universal Analytics
Die Konfiguration erfolgt automatisch, du musst nur noch die Variable und den Trigger für das Tag auswählen.
Für die Auslösung des Tags musst du „Alle Seiten"-Seitenansicht auswählen, damit das Tag jedes Mal ausgelöst wird, wenn die Plattform angesehen oder geladen wird.
Danach gelangst du zu einer Seite, die so aussieht:
Du kannst eine Vorschau anzeigen, prüfen, ob das Tag beim Ansehen der Plattform bzw. deiner Website ausgelöst wird, und anschließend veröffentlichen.
Für alle anderen möglichen Tags in Google Tag Manager gilt das gleiche Prinzip.
Richte dein Facebook-Pixel-Konto ein
Du benötigst ein Facebook-Business-Manager-Konto, um Anzeigen zu verwalten sowie Pixel zu erstellen und zu moderieren. So erstellst du ein Konto: https://business.facebook.com/overview
Nachdem du ein Konto erstellt hast, gehe zum Event-Manager. Von dort aus kannst du ein Pixel erstellen.
Du kannst ein Pixel für deine Website, für die Plattform usw. erstellen.
Klicke dazu auf „Pixel hinzufügen" – daraufhin erscheint ein Banner mit drei Möglichkeiten:
Verknüpfe dein Pixel mit deiner Website
Verknüpfe dein Pixel mit deiner App
Verknüpfe dein Pixel offline
Wähle das Pixel für deine Website aus.
Daraufhin erscheint ein Pop-up mit 3 Optionen:
Wähle eine der beiden Optionen aus – wir empfehlen die Partnerintegration, da sie einfacher ist.
Anschließend wird dieses Banner angezeigt:
Danach erhältst du Anweisungen entsprechend dem gewählten Partner und kannst die Daten deiner Website mit wenigen Klicks analysieren.
Du kannst den Pixel-Code auch im <head>-Bereich deiner Website installieren.
Wenn du eine Agentur oder einen Webmaster hast, kannst du die Anweisungen auch über „Anweisungen per E-Mail senden" versenden.
Pixel und Google Tag Manager verknüpfen
Du kannst jetzt Google Tag Manager und Pixel verknüpfen.
Durch die Verknüpfung von Google Tag Manager und Pixel kannst du auch die Verbindung zu bsport herstellen, da das GTM-Tag bereits in Schritt 1 konfiguriert wurde.
Die Verbindung von Facebook-Pixel mit Google Tag Manager erfolgt auf der Facebook-Seite.
Gehe zum Event-Manager, um ein Pixel zu erstellen.
Füge wie im vorherigen Schritt ein Pixel zu deiner Website hinzu und klicke auf „Partner verwenden".
Wähle anschließend Google Tag Manager aus.
Du musst nur den Schritten folgen, und alles wird eingerichtet.
Dein Pixel und Google Tag Manager sind jetzt verbunden.
Google-Tag-Manager-Tags erstellen, um Facebook-Anzeigendaten zu erfassen
Wir erstellen jetzt GTM-Tags und verknüpfen sie mit einem Pixel, um Aktivitäten in Facebook-Pixel zu erfassen.
Zunächst das Wichtigste:
Damit Pixel Ereignisse erfassen kann, die auf der bsport-Plattform stattfinden, musst du über Google Tag Manager gehen. Deshalb hast du im vorherigen Schritt Google Tag Manager und Pixel verbunden.
Außerdem musst du Google Tag Manager die Ereignisse verständlich machen, die auf der bsport-Plattform stattfinden, damit es sie an Pixel senden kann.
Dazu musst du in Google Tag Manager eine Variable erstellen, die dem bsport-Ereignis entspricht.
Alle bsport-Ereignisse findest du hier.
Wir erstellen jetzt die Variable, damit ein bsport-Ereignis an Pixel gesendet wird.
Für dieses Beispiel wählen wir das Ereignis „Klick auf Zum Warenkorb hinzufügen".
Lass uns die Variable erstellen. Gehe in Google Tag Manager zu Variablen > Neu.
Erstelle dann eine neue Variable > Data Layer-Variable.
Gib „data" als Namen der Data-Layer-Variable ein. Benenne die Variable – bei uns lautet sie „dlv - data".
So sieht die Konfiguration bei uns aus:
Jetzt können wir mit der Konfiguration des Tags fortfahren.
Gehe in Google Tag Manager zu „Tag hinzufügen".
Gehe dann zu „Tag konfigurieren" und anschließend zu „Weitere Tag-Typen entdecken".
Suche dann nach „Facebook-Pixel" – so kannst du Pixel ganz einfach in GTM konfigurieren, ohne den manuellen Code verwenden zu müssen.
Konfiguriere anschließend das Pixel, indem du ihm einen Namen gibst, eine ID einträgst und das Ereignis auswählst.
Wir wählen das Ereignis „Zum Warenkorb hinzufügen" aus.
Auf die gleiche Weise musst du die Auslösung dieses Tags konfigurieren. Gehe unten zu „Trigger" und konfiguriere ihn.
Du musst einen Trigger erstellen. Klicke dazu oben rechts auf „+" und erstelle einen Trigger. Konfiguriere anschließend ein „benutzerdefiniertes Ereignis".
Unter „Objekteigenschaften" musst du die zuvor erstellte Variable hinzufügen.
Füge also „dlv-data" hinzu.
Dann musst du die Auslösung dieses Tags konfigurieren. Gehe unten zu „Trigger" und konfiguriere ihn.
Du musst einen Trigger erstellen. Klicke dazu oben rechts auf „+" und erstelle einen Trigger. Konfiguriere anschließend ein „benutzerdefiniertes Ereignis".
Von hier aus können wir den Trigger benennen. „Zum Warenkorb hinzufügen" passt gut für unser Beispiel.
Unter „Artikelname" müssen wir das bsport-Ereignis eintragen, das wir abrufen möchten. Da es sich bei unserem Artikel um „Zum Warenkorb hinzufügen" handelt, wissen wir anhand der weiter oben verlinkten Datei, dass das entsprechende bsport-Ereignis lautet: bsport:basket:add-to-cart:pass
Vergiss nicht, das Kästchen „Regulären Ausdruck verwenden" zu aktivieren.
Die Konfiguration ist abgeschlossen. Du kannst speichern und in Google Tag Manager in den Vorschaumodus wechseln. Der Vorschau- bzw. „Debug"-Modus von Google Tag Manager zeigt dir, welche Tags auf einer Website-Seite ausgelöst werden. Es gibt außerdem die Chrome-Erweiterung Google Tag Assistant.
Gehe zu deinem bsport-Marketplace und klicke auf ein „Zum Warenkorb hinzufügen" auf deiner Plattform.
Im GTM-„Debug" siehst du, dass das Tag ausgelöst wurde.
Du kannst außerdem mit der Facebook-Erweiterung Pixel Helper überprüfen, ob das Pixel aktiviert wurde.
Du kannst dies auch im Facebook-Pixel-Event-Manager überprüfen:
Fertig – du kannst jetzt Google-Tag-Manager-Ereignisse für deine Plattform einrichten und sie in Pixel abrufen.