In diesem Artikel erfahren Sie, wie Sie Ihren Hotjar-Tracking-Code auf Ihrer Shopify-Website installieren.
Die integrierte Shopify-Kasse lässt die Installation von Drittanbieter-Skripten wie Hotjar nicht zu. Wir haben jedoch einen Workaround für das Tracking Ihres Shopify-Kassenablaufs in einem separaten Abschnitt unten bereitgestellt.
- So installieren Sie Hotjar auf Ihrer Shopify-Website
- Ein Workaround für die Nachverfolgung des Shopify-Kassenflusses
Für Kunden, die nicht Shopify Plus haben, blockiert die Shopify-Kasse Skripte von Drittanbietern wie Hotjar
Wenn Sie Shopify Plus haben, können Sie möglicherweise Skripte von Drittanbietern zu Ihrer Checkout-Seite hinzufügen und sollten mit Ihrem Merchant Success Manager bei Shopify sprechen, um Hotjar zu Ihrem Checkout hinzuzufügen.
Für Kunden, die nicht Shopify Plus haben, können Sie Hotjar auf Ihrer Shopify-Website installieren, jedoch blockiert der integrierte Shopify-Checkout Skripte von Drittanbietern, einschließlich Hotjar. Dies ist eine Einschränkung innerhalb von Shopify. Wir können Ihnen jedoch einen Workaround für die Nachverfolgung Ihrer Shopify-Kaufabwicklung vorschlagen.
So installieren Sie Hotjar auf Ihrer Shopify-Website
Gehen Sie auf Ihre Hotjar-Sites-Seite und klicken Sie auf Tracking-Code für Ihre Site installieren.
Klicken Sie auf Code manuell hinzufügen.
Klicken Sie auf Kopieren, um den Tracking-Code in Ihre Zwischenablage zu kopieren.
Besuchen Sie Ihr Shopify Admin Dashboard.
Klicken Sie auf Online Store und dann auf Themes.
Klicken Sie bei Ihrem aktuellen Theme auf Aktionen und wählen Sie dann Code bearbeiten.
Klicken Sie innerhalb des Ordners Layout auf theme.liquid.
Scrollen Sie auf der Seite theme.liquid nach unten, bis Sie den schließenden Tag gefunden haben.
Einige Themes verwenden eine Variation der -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 -Tag ein.
Klicken Sie auf Speichern, um die Änderungen zu übernehmen.
Führen Sie die folgenden Schritte aus, um Hotjar auch auf Ihrer Bestellstatusseite zu installieren
Mit den obigen Schritten sollte der Hotjar-Tracking-Code nun in Ihrem Shopify-Schaufenster installiert sein. Um auch die Bestellstatus-Seite zu verfolgen, müssen Sie den Tracking-Code in einem anderen Bereich von Shopify installieren. Befolgen Sie die folgenden Schritte, um sich dabei helfen zu lassen.
Um den Tracking-Code auf Ihrer Bestellstatus-Seite zu installieren, klicken Sie in der Shopify Admin-Seitenleiste auf Einstellungen.
Klicken Sie auf Checkout.
Scrollen Sie nach unten, bis Sie den Abschnitt Order status page scripts erreichen. Fügen Sie den Hotjar Tracking Code in das Textfeld ein.
Klicken Sie auf Speichern.
Der Hotjar Tracking Code sollte nun auf Ihrer Bestellstatusseite installiert sein. Dadurch wird der Tracking-Code nicht auf Ihrer Shopify-Kasse installiert, da die integrierte Kasse von Shopify keine Skripte von Drittanbietern, wie z. B. Hotjar, zulässt.
Ein Workaround für die Nachverfolgung der Shopify-Kaufabwicklung
Leider erlaubt die integrierte Shopify-Kasse keine Skripte von Drittanbietern wie Hotjar, die auf Kassenseiten funktionieren. Im Folgenden finden Sie jedoch eine mögliche Umgehung für die Verfolgung des Shopify-Kassenablaufs in Hotjar:
Verfolgen Sie die Bestellstatus-Seite
Shopify erlaubt Hotjar, auf Ihrer Bestellstatus-Seite zu arbeiten. Das bedeutet, dass Sie die Nutzer filtern können, die einen Kauf getätigt haben, indem Sie den Filter " URL enthält " für Recordings und Heatmaps verwenden, basierend auf der URL der Bestellbestätigungsseite für Ihre Website. Beispielsweise kann nach einem Kauf eine Seite mit einer URL angezeigt werden, die /thank_you enthält, und Sie können Recordings und Heatmaps anhand dieser URL filtern. Sie müssen die für Ihre Website verwendete spezifische URL überprüfen, die sich von /thank_you unterscheiden kann, und diese beim Filtern verwenden.
Fügen Sie Ereignisauslöser hinzu, um Benutzer, die gekauft haben, mit Benutzern zu vergleichen, die den Bestellvorgang nicht abgeschlossen haben.
Wenn Sie Nutzer, die einen Kauf getätigt haben, mit denen vergleichen möchten, die den Bezahlvorgang begonnen, aber nicht abgeschlossen haben, können Sie den Schaltflächen auf Ihrer Website, die Nutzer zur Bezahlseite führen, Ereignisauslöser hinzufügen. Die Recordings können dann auf der Grundlage dieser Event gefiltert werden, um die folgenden Nutzersegmente zu vergleichen:
- Benutzer, die auf die Schaltflächen geklickt haben und die Bestellbestätigungsseite erreicht haben.
- Benutzer, die auf die Schaltflächen geklickt haben und nicht auf die Bestellbestätigungsseite gelangt sind.
Haben Sie Probleme bei der Installation des Hotjar Tracking Codes?
Besuchen Sie unsere Artikel Wie Sie überprüfen können, ob Hotjar funktioniert und Fehlerbehebungs-FAQS für die Tracking-Code-Installation für eine Anleitung zur Fehlerbehebung.