Kundenevents sind Hauptaktionen, die von Ihren Zielgruppen durchgeführt werden und Einblicke darin geben, wie sie über verschiedene Interaktionspunkte mit Ihrem Unternehmen interagieren. Dazu gehören Zahlungen leisten, einen Verkauf einleiten, was ein wichtiger Interaktionspunkt ist. Integrierte Drittanbieter-Services verbessern Ihre Marketingautomatisierung und Analysen durch die Verwendung von vom Pixel generierten Kundenevent-Daten.

Ein besseres Verständnis dieser Verhaltensweisen kann Ihre Verkaufsstrategie erheblich verbessern, indem Daten zur Verfeinerung Ihrer Marketingautomatisierung, Analysen und Zielgruppenansprache bereitgestellt werden. Integrierte Drittanbieter-Services können diese vom Pixel generierten Daten zu Kundenevents nutzen, die auch als Log bezeichnet werden, um Ihren Verkaufsansatz zu optimieren.

In diesem Blog lernen Markenentwickler, wie man diese Pixel zu Ihrem Shopify-Konto hinzufügt und verwaltet. Also, lasst uns mit den Grundlagen beginnen, sollen wir?

Was sind Pixel?

Von einer Einführung in das, was Pixel sind, bis hin zur Erstellung benutzerdefinierter Pixel für Ihr B2B-Publikum und zur Sicherstellung ihrer erfolgreichen Implementierung in Ihrem Shop über verschiedene Kanäle hinweg, deckt dieser Leitfaden alle Aspekte ab, die Sie kennen müssen, um Kundeninteraktionen in Ihrer Shopify-Community effektiv zu verwalten. Sie können Pixel verwalten, die Kundenevents verfolgen, mit dem Shopify Pixel-Manager.

Der Shopify-Pixel-Manager ermöglicht es Ihnen, Pixel zum Verfolgen von Kundenereignissen hinzuzufügen und zu verwalten. Kundenevents sind Aktionen, die im Browser des Kunden stattfinden, wie z.B. das Klicken auf einen Link oder das Hinzufügen eines Artikels zum Warenkorb.

Der Abschnitt Kundenevents in Ihrer Shopify-Verwaltung ist der Ort, an dem Experten Pixel hinzufügen und verwalten können.

Pixel können auf zwei Arten zu Ihrem Online-Shop hinzugefügt oder migriert werden: App-Pixel, die von Marketing- und Daten-Apps installiert werden, und benutzerdefinierte Pixel, die ein Entwickler manuell über den Pixel-Manager in Ihrem Konto hinzufügen kann.

Bisher konnten Händler JavaScript-Snippets manuell zu ihrem Online-Shop hinzufügen. Dies konnten sie in den Online-Einstellungen, Checkout-Skripten und Apps tun. Oft wurden diese Skripte nicht auf ihre Qualität überprüft, und ihre Verwaltung kostete viel Zeit. Mit dem Pixel-Manager werden Ihre Skripte in einem einzigen Verwaltungstool gespeichert und in einer Sandbox-Umgebung ausgeführt.

Stellen Sie sicher, dass Ihr Theme keine vorhandenen Tracking-Codes enthält, bevor Sie beginnen. Dieser Code befindet sich normalerweise in Liquid-Templates wie theme.liquid, product.liquid und checkout.liquid sowie im Zusätzliche Skripte-Feld in den Checkout-Einstellungen. Dieser Schritt ist wichtig, um sicherzustellen, dass Sie bedenkenlos weitermachen können, ohne sich um konfligierende Skripte sorgen zu müssen.

Vorteile der Einbeziehung von App-Pixeln oder benutzerdefinierten Pixeln in Ihren Shop

• Zugriff auf eine Vielzahl von Kundenevents, wie z.B. Checkout-Events, in Ihrem Online-Shop.
• Zusätzlicher Schutz für Ihren Online-Shop und Ihre Kunden, einschließlich besserer Kontrolle über die Kundendaten, die Sie mit Drittanbietern teilen.
• Verhindert das Ausführen von nicht funktionierendem Javascript oder das Manipulieren Ihres Online-Shops und des Checkouts durch unberechtigten Code.
• Integrierte Tools zur Einhaltung der Datenschutzbestimmungen

Erstellen Sie den Code für einen benutzerdefinierten Pixel

Erstellen der JavaScript-SDK von Drittanbieter

Der Code, der mit dem Pixel verbunden ist, wird Ihnen vom Drittanbieterdienst bereitgestellt, den Sie verwenden. Der Tracking-Code und ein JavaScript-SDK sind in der Regel die beiden Teile eines Pixels. Der Shopify-Pixel-Sandbox erlaubt nur JavaScript, daher muss jeglicher HTML-Code aus dem Code des Drittanbieterdienstes entfernt werden.

Dies ist ein Beispiel für einen Meta-Pixel. Bei Drittanbietern gibt es kleinere Variationen bei Pixels.

Bildnachweis: Shopify

Sie finden möglicherweise mit script src= geladene Domänen-Pixel. Shopifys Pixel funktionieren nicht mit HTML, daher müssen Sie dies in ein JavaScript-Äquivalent ändern. Der Code für das Verfolgen von PageView-Ereignissen wurde ebenfalls entfernt, da er im nächsten Schritt hinzugefügt wird.

Bildnachweis: Shopify

Sie finden möglicherweise mit script src=. geladene Pixel. Shopifys Pixel funktionieren nicht mit HTML, daher müssen Sie dies in ein JavaScript-Äquivalent ändern. 

Sie können sich auch ansehen, wie Sie Standardereignisse und benutzerdefinierte Kundenevents abonnieren können, mit denen Sie zusätzliche Kundenevents verfolgen können, wie z.B. wenn jemand auf einen Button klickt. Wenn Sie beispielsweise das Auftreten bestimmter Bestellungen verfolgen möchten, können Sie ein benutzerdefiniertes Ereignis zu diesem Zweck erstellen und abonnieren.

Hier ist ein Beispiel für einen Google Analytics-Pixel:

Bildnachweis: Shopify

Sie können den folgenden JavaScript-Code anstelle des Skript src= Teils verwenden. Stellen Sie sicher, dass das src-Attribut immer zur HTML-Version passt:

Bildnachweis: Shopify

Abonnieren Sie Standardereignisse

Das PageView-Ereignis für Metas-Pixel sieht folgendermaßen aus. Beachten Sie, dass die Funktion fbq("track") Teil des Meta-Codes ist und dass jedes Unternehmen eine andere Version hat, für die Sie ihre Dokumentation zu Rate ziehen müssen.

Bildnachweis: Shopify

Sie können Metadaten von einigen Ereignissen in Ihr Pixel übertragen. Ein Beispiel für die Bereitstellung einiger Produktinformationen für Metas ViewContent-Ereignis finden Sie unten:

Bildnachweis: Shopify

Abonnieren Sie benutzerdefinierte Kundenevents

Sie können benutzerdefinierte Kundenevents hinzufügen, wenn Sie zusätzliche Kundenevents verfolgen möchten, wie z.B. wenn jemand auf einen Button klickt. Standardereignisse und benutzerdefinierte Ereignisse können in gleicher Weise abonniert werden. 

Geben Sie den Namen des Ereignisses an, für das Sie sich anmelden möchten, und senden Sie diese Informationen an das Pixel des Drittanbieterdienstleisters.

Dies ist ein Beispiel dafür, wie ein benutzerdefiniertes Ereignis in den Liquid-Dateien Ihres Themes erscheinen kann:

Bildnachweis: Shopify

So könnten Sie Ihr Pixel einrichten, um das benutzerdefinierte Ereignis zu abonnieren:

Bildnachweis: Shopify

Fügen Sie ein benutzerdefiniertes Pixel hinzu

Bevor Sie ein benutzerdefiniertes Pixel hinzufügen, entfernen oder ändern Sie vorhandene Pixel, um doppelte Zählung von Kundenevents zu vermeiden. Der vorhandene Pixel-Code sollte manuell aus allen Standorten entfernt werden, einschließlich theme.liquid, checkout.liquid und zusätzliche Skripte in Ihren Checkout-Einstellungen.

Schritte: 
1. Öffnen Sie die Einstellungen > Kundenevents im Shopify-Admin.

Bildnachweis: Shopify

2. Geben Sie Ihrem Pixel einen eindeutigen Namen. Wenn Sie den Namen eines vorhandenen benutzerdefinierten Pixels eingeben, werden Sie aufgefordert, Ihrem Pixel einen neuen Namen zu geben.

3. Klicken Sie auf Pixel hinzufügen.

Bildnachweis: Shopify

4. Fügen Sie Ihren eigenen JavaScript-Pixel-Code in das Code-Fenster ein.

5. Klicken Sie auf Speichern, um Ihren benutzerdefinierten Pixel zu speichern. Wenn Sie bereit sind, Ihren benutzerdefinierten Pixel zu verbinden und mit der Verfolgung Ihrer Events zu beginnen, können Sie dies tun, indem Sie auf Pixel verbinden klicken.

Verbinden Sie ein benutzerdefiniertes Pixel in Ihrem Shopify-Shop 

Nachdem Sie ein benutzerdefiniertes Pixel hinzugefügt haben, müssen Sie es mit Ihrem Shop verbinden, damit es mit der Verfolgung von Kundenevents beginnen kann.

Schritte: 

1. Klicken Sie auf Benutzerdefinierte Pixel auf der Seite Kundenevents in Ihrem Shopify-Admin.
2. Unter der Überschrift Nicht verbundene Pixel sehen Sie alle benutzerdefinierten Pixel, die derzeit nicht verbunden sind. Klicken Sie auf Verbinden in der Zeile mit dem richtigen benutzerdefinierten Pixel.

Lesen Sie die AGB von Shopify. Klicken Sie auf Verbinden, wenn Ihr Pixel den Anforderungen des Dienstes entspricht.

Trennen und löschen Sie ein benutzerdefiniertes Pixel

Sie müssen das Pixel manuell von Ihrem Online-Shop trennen, um das Tracking der Ereignisse, für die Sie ein benutzerdefiniertes Pixel hinzugefügt haben, zu stoppen.

Schritte: 

1. Klicken Sie auf Benutzerdefinierte Pixel auf der Seite Kundenevents in Ihrem Shopify-Admin.
2. Die derzeit verbundenen benutzerdefinierten Pixel werden oben in der Liste angezeigt. Klicken Sie auf Trennen in der Zeile des benutzerdefinierten Pixels, den Sie trennen möchten. Wenn ein Pixel getrennt ist, wird es nicht gelöscht. 

Sie können auch benutzerdefinierte Pixel löschen, die Sie nicht mehr benötigen.

Schritte: 

1. Klicken Sie in der Kundenevents-Seite Ihres Shopify-Admins auf Benutzerdefinierte Pixel. 
2. Klicken Sie auf die Schaltfläche ... in der Zeile des benutzerdefinierten Pixels, den Sie ändern möchten. 

Klicken Sie auf Löschen. Wenn Sie die Entfernung bestätigen, wird der benutzerdefinierte Pixel aus dem Pixel-Manager entfernt.

Abschluss

Stellen Sie sicher, dass Sie mit der Pixelkonfiguration vertraut sind, bevor Sie ein benutzerdefiniertes Pixel erstellen.

Hier sind einige Dinge, die Sie beachten sollten:

• Stellen Sie immer sicher, dass Sie den Code verstehen, den Sie zu Ihrem Website-Checkout hinzufügen oder ein benutzerdefiniertes Pixel von einem Shopify-Experten erhalten.
• Da Pixel in einer sicheren Sandbox-Umgebung arbeiten, gibt es Einschränkungen hinsichtlich der veröffentlichten Daten.
• Die Web-Pixel-Erweiterungs-API ermöglicht Ihnen den Zugriff auf Browser-APIs und das Abonnieren von Kundenevents mit den Shopify-Lax- oder -Strict-Sandboxes.