So integrieren Sie Hotjar in Ihren Shopify-Shop

Wenn Sie Ihren Shopify-Shop für höhere Konvertierungen optimieren, ist es wichtig zu verstehen, wie Besucher mit Ihren Seiten interagieren.

Hotjar hilft Ihnen, das Benutzerverhalten durch Heatmaps, Scroll-Tracking und Sitzungsaufzeichnungen zu visualisieren, sodass Sie fundierte Design- und Inhaltsentscheidungen treffen können.

Über Hotjar

Hotjar ist ein beliebtes Tool zur Verhaltensanalyse und für Feedback, das Shopify-Händlern hilft zu verstehen, wie Besucher mit ihren Shops interagieren.

Es bietet Heatmaps, Scroll-Tracking, Sitzungsaufzeichnungen und Feedback-Widgets, sodass Sie Schwachstellen identifizieren und die Customer Journey verbessern können.

Hotjar ermöglicht Ihnen:

• Visualisieren Sie, wo Benutzer auf Ihren Zielseiten klicken oder wo sie die meiste Zeit verbringen.
• Erkennen Sie Design- oder Layoutprobleme, die sich auf die Konvertierungen auswirken können.
• Optimieren Sie Elemente wie CTAs, Banner und Produktabschnitte basierend auf echten Benutzerdaten.

Bevor du anfängst

Bevor Sie beginnen, stellen Sie sicher, dass Sie Folgendes haben:

• Ein Hotjar-Konto (mit Ihrem Tracking-Code bereit).
• Zugriff auf Ihren Shopify-Admin.
• Ein veröffentlichter Shopify-Shop (keine Entwicklungs- oder Sandbox-Version).

Wie füge ich einen Hotjar-Tracking-Code zu deinem Shopify hinzu?

Befolgen Sie diese Schritte, um Hotjar mit Ihrem Shopify-Shop zu verbinden:

Schritt 1: Einloggen, um Hotjar-Konto.

Schritt 2: Gehen Sie in der linken Seitenleiste zu Jetzt einrichten, dann klick Code kopieren.

Schritt 3: In Ihrem Shopify-Administrator, navigiere zu Online-Shop > Themen, klicken Sie auf das Drei-Punkte-Symbol und wählen Sie Code bearbeiten aus dem Dropdown.

Schritt 4: Öffne deine theme.liquid Datei.

Schritt 5: Fügen Sie den Hotjar-Tracking-Code ein kurz vor der Schließung </head> Etikett.

Wenn Sie fertig sind, klicken Sie auf Gespeichert.

Wie füge ich GemPages einen Hotjar-Tracking-Code hinzu?

Wenn Sie den Hotjar-Code bereits zu Ihrem Shopify-Theme hinzugefügt haben, wird das Tracking auch automatisch auf alle Von GemPages erstellt Seiten, die unter derselben Domain veröffentlicht wurden.

Wenn Sie das Besucherverhalten auf bestimmten von GemPages erstellten Seiten verfolgen möchten, können Sie Ihr Hotjar-Skript mithilfe des Benutzerdefiniertes Codeelement.

Hier ist, wie es geht:

Schritt 1: Gehen Sie im GemPages Dashboard zu Seiten und klicken Sie auf die Zielseite, um sie im Editor zu öffnen.

Schritt 2: Im GemPages-Editor, verwenden Sie die Suchleiste, um das benutzerdefinierte Codeelement zu suchen. Ziehen Sie das Element dann per Drag & Drop auf Ihre Seite.

Schritt 3: Klicken Sie in der linken Seitenleiste auf die Code unter dem Benutzerdefinierter Code Abschnitt, um das Codefenster zu öffnen.

Schritt 4: Unter dem HTML / CSS Fügen Sie auf der Registerkarte „Hotjar“ Ihren Hotjar-Tracking-Code ein.

Wenn Sie fertig sind, klicken Sie auf Gespeichert und schlagen Veröffentlichen um Ihre Seite mit den Aktualisierungen erneut zu veröffentlichen.

Überprüfen Sie Ihre Integration mit Hotjar

So bestätigen Sie, dass Hotjar ordnungsgemäß funktioniert:

Schritt 1: Gehen Sie zu Ihrem Hotjar Dashboard um den Site-Status zu überprüfen.

Schritt 2: Sie sollten eine sehen grün „Tracking aktiv“ Indikator, sobald Ihr Geschäft Verkehr erhält.

Wenn der Status „Kein Tracking”, überprüfen Sie die folgenden Punkte:

• Der Laden ist noch in einem Shopify Sandbox Umgebung: Hotjar verfolgt keine Vorschauen oder Entwicklungsspeicher.
• Das Tracking-Skript ist nicht richtig platziert: Stellen Sie sicher, dass es hinzugefügt wird bevor in Ihrem Design oder innerhalb des benutzerdefinierten Codeelements in GemPages.
• Ihre Seite hat noch keinen echten Besucherverkehr erhalten.
• Browser-Caching: Cache leeren oder erneut einchecken Inkognito-Modus.

Weitere Einzelheiten finden Sie in der Dokumentation von Hotjar: So installieren Sie Hotjar auf Ihrer Shopify-Site.

FAQs zur Hotjar-Integration

1. Kann ich Hotjar im Sandbox- oder Vorschaumodus von Shopify verwenden?

Nein. Hotjar tut Shopify Sandbox-Umgebungen werden nicht unterstützt, einschließlich Vorschau- oder Entwicklungs-Stores. Sie müssen über eine Live- und öffentlich zugänglicher Store damit die Verfolgung ordnungsgemäß funktioniert.

2. Verfolgt Hotjar GemPages-Seiten automatisch?

Wenn der Hotjar-Tracking-Code zu Ihrem Shopify-Theme hinzugefügt wird theme.liquid, es wird auch geladen auf Von GemPages erstellt Seiten, die unter derselben Domain veröffentlicht wurden.

Wenn Ihre Seite jedoch eine benutzerdefinierten Domain, Subdomainden unabhängige Veröffentlichung Setup, sollten Sie den Code manuell hinzufügen mit GemPages' Benutzerdefiniertes Codeelement um eine genaue Verfolgung zu gewährleisten.

3. Was ist, wenn Hotjar meine Site nicht erkennt?

Sicher gehen, dass:

• Ihr Geschäft ist leben (keine Sandbox).
• Das Skript wird platziert vor der Schließung </head> Etikett.
• Sie haben Ihren Cache geleert oder im Inkognito-Modus getestet.

Wenn das Problem weiterhin besteht, lesen Sie Hotjars Shopify-Einrichtungshandbuch.

4. Was ist der Unterschied zwischen Hotjar und Microsoft Clarity?

• Hotjar bietet erweiterte Feedback-Tools (Umfragen, Rage-Click-Tracking) und detaillierte Einblicke für kostenpflichtige Pläne.
• Microsoft Klarheit ist komplett kostenlos, mit unbegrenzten Heatmaps und Sitzungsaufzeichnungen.

Beziehen auf Dieser Artikel Weitere Informationen zur Integration von Microsoft Clarity mit Shopify finden Sie hier.