Dieser Artikel führt Sie durch die Installation Ihres Hotjar-Tracking-Codes auf Ihrer Shopify-Website.
Der integrierte Shopify-Checkout erlaubt keine Installation von Drittanbieterskripten wie Hotjar. Wir haben jedoch eine Lösung bereitgestellt, um den Checkout-Fluss Ihres Shopify-Shops in einem separaten Abschnitt unten zu verfolgen.
- So installieren Sie Hotjar auf Ihrer Shopify-Website
- Eine Lösung zur Verfolgung des Shopify-Checkout-Flusses
Für Nicht-Shopify-Plus-Kunden blockiert der Shopify-Checkout Drittanbieterskripte wie Hotjar
Wenn Sie Shopify Plus haben, können Sie möglicherweise Drittanbieterskripte zu Ihrer Checkout-Seite hinzufügen und sollten sich an Ihren Merchant Success Manager bei Shopify wenden, um Hotjar zu Ihrem Checkout hinzuzufügen.
Für Nicht-Shopify-Plus-Kunden können Sie Hotjar auf Ihrem Shopify-Storefront installieren, jedoch blockiert der integrierte Shopify-Checkout Drittanbieterskripte, einschließlich Hotjar. Dies ist eine Einschränkung innerhalb von Shopify, aber wir können eine Lösung zur Verfolgung Ihres Shopify-Checkout-Flusses vorschlagen.
Wie man Hotjar auf seiner Shopify-Website installiert
Hotjar funktioniert nicht in Shopify-Sandbox-Umgebungen
Wenn der Hotjar-Tracking-Code in einer Shopify-Sandbox-Umgebung installiert ist, werden keine Daten gesammelt und die Ask-Tools werden nicht angezeigt. Dies liegt an den Sicherheitsmaßnahmen von Shopify, welche Daten in der Sandbox verfügbar sind.
Weitere Informationen finden Sie im Shopify-Hilfeartikel: Sandbox-Pixel-Einschränkungen
Gehen Sie zu Ihrer Hotjar Seitenübersicht und klicken Sie auf Tracking-Code installieren für Ihre Seite.
Klicken Sie auf Code manuell hinzufügen.
Klicken Sie auf Kopieren, um den Tracking-Code in die Zwischenablage zu kopieren.
Besuchen Sie Ihr Shopify-Admin-Dashboard.
Klicken Sie auf Online-Shop und dann auf Themes.
Klicken Sie auf Ihrem aktuellen Theme auf Aktionen und wählen Sie dann Code bearbeiten.
Klicken Sie im Layout-Ordner auf theme.liquid.
Scrollen Sie auf der theme.liquid-Seite nach unten, bis Sie das schließende </head>-Tag gefunden haben.
Einige Themes verwenden eine Variation der <head> </head>-Tags wie {/head}, [/header] oder andere Variationen von [/head]. Diese funktionieren alle auf die gleiche Weise.
Fügen Sie Ihren Hotjar-Tracking-Code kurz vor dem schließenden </head>-Tag ein.
Klicken Sie auf Speichern, um die Änderungen anzuwenden.
Befolgen Sie die nächsten Schritte, um Hotjar auch auf Ihrer Bestellstatusseite zu installieren
Mit den obigen Schritten sollte der Hotjar-Tracking-Code jetzt auf Ihrem Shopify-Shop installiert sein. Um auch die Bestellstatusseite zu verfolgen, müssen Sie den Tracking-Code in einem anderen Abschnitt von Shopify installieren. Befolgen Sie die folgenden Schritte, um dabei Hilfe zu erhalten.
Um den Tracking-Code auf Ihrer Bestellstatusseite zu installieren, klicken Sie im Shopify-Admin-Menü auf Einstellungen.
Klicken Sie auf Kasse.
Scrollen Sie nach unten, bis Sie den Abschnitt Skripte für Bestellstatusseite erreichen. Fügen Sie den Hotjar-Tracking-Code in das Textfeld ein.
Klicken Sie auf Speichern.
Der Hotjar-Tracking-Code sollte jetzt auf Ihrer Bestellstatusseite installiert sein. Dies installiert den Tracking-Code nicht auf Ihrem Shopify-Checkout, da der integrierte Checkout von Shopify keine Skripte von Drittanbietern wie Hotjar zulässt.
Ein Workaround zur Verfolgung des Shopify-Checkout-Flusses
Leider erlaubt der integrierte Shopify-Checkout nicht die Verwendung von Skripten von Drittanbietern wie Hotjar auf den Checkout-Seiten. Nachfolgend finden Sie jedoch einen möglichen Workaround zur Verfolgung des Shopify-Checkout-Flusses in Hotjar:
Verfolgen der Bestellstatusseite
Shopify ermöglicht Hotjar die Arbeit auf Ihrer Bestellstatusseite. Dies bedeutet, dass Sie die Benutzer filtern können, die einen Kauf getätigt haben, indem Sie den Filter URL enthält für Aufzeichnungen und Heatmaps basierend auf der URL der Bestätigungsseite für Ihre Website verwenden. Nach einem Kauf wird Benutzern möglicherweise eine Seite mit einer URL angezeigt, die /thank_you enthält, und Sie können Aufzeichnungen und Heatmaps basierend auf dieser URL filtern. Sie müssen die spezifische URL für Ihre Website überprüfen, die sich von /thank_you unterscheiden kann, und diese beim Filtern verwenden.
Ereignisauslöser hinzufügen, um diejenigen zu vergleichen, die gekauft haben, gegen Benutzer, die den Kaufvorgang nicht abgeschlossen haben
Wenn Sie daran interessiert sind, Benutzer zu vergleichen, die einen Kauf getätigt haben, im Vergleich zu denen, die den Bestellvorgang begonnen, aber nicht abgeschlossen haben, können Sie Ereignisauslöser hinzufügen, um die Schaltflächen auf Ihrer Website zu untersuchen, die Benutzer zur Kasse führen würden. Aufnahmen können dann basierend auf diesen Ereignissen gefiltert werden, um die folgenden Benutzersegmente zu vergleichen:
- Benutzer, die auf die Schaltflächen geklickt und die Bestellbestätigungsseite erreicht haben.
- Benutzer, die auf die Schaltflächen geklickt haben und nicht die Bestellbestätigungsseite erreicht haben.
Probleme bei der Installation des Hotjar-Tracking-Codes?
Besuchen Sie unsere Artikel zu So überprüfen Sie, ob Hotjar funktioniert und Problembehandlungs-FAQs zur Tracking-Code-Installation für Problembehandlungsanleitungen.