Hotjar für Shopware einrichten!

Hotjar für Shopware einrichten!

Marcel Denzer 23. Juli 2019 3

In den vergangenen Blogposts zu Google Analytics und dem Enhanced E-Commerce haben wir Dir gezeigt, wie Du die wichtigsten Tracking-Tools von Google für Deinen Shopware Shop einrichtest. Da es aber nicht nur von Google sehr gute Tools gibt, wollen wir uns heute noch einmal ein besonderes Tool anschauen: Hotjar.

Was ist Hotjar?

Kurz gesagt: Mit Hotjar hast Du die Möglichkeit, sogenannte Heatmaps, Visitor Recordings und vieles mehr zu erstellen. Diese sollen Dir unter anderem dabei helfen, die Usability Deines Shopware Shops zu verbessern.

HotjarHeatmap

Heatmap

HotjarVisitorRecording

Visitor Recording

Einrichtung von Hotjar

Wir richten Hotjar über den Google TagManager ein. Solltest Du diesen noch nicht in Deinem Shopware Shop eingebunden haben, empfehlen wir Dir diesen Blogbeitrag: Google TagManager für Shopware.

1. Schritt: Hotjar Account erstellen

Deinen kostenlosen Hotjar Account kannst Du hier erstellen: Hotjar SignUp.

Nachdem Du die Formulare mit Deinen Daten ausgefüllt hast, landest Du auf der Startseite von Hotjar, dort solltest Du dieses Fenster sehen:

SideID

Dieses Fenster lässt Du am besten geöffnet!

Dort kopierst Du Dir die markierte Site ID und wechselst in den Google TagManager.

2. Schritt: Hotjar Tag im Google TagManager einrichten

Im Google TagManager angekommen, legst Du einen neuen Tag an. 

In der "Tag Konfiguration" wählst Du den Tag "Hotjar Tracking Code" aus.

GTMHotjarTag

Danach musst Du Deine zuvor kopierte Hotjar Side ID in das Feld einfügen.

Als Trigger nehmen wir in diesem Fall den Trigger "All Pages", dieser ist der Standard-Trigger des Google TagManagers.

Die fertige Konfiguration des Tags sollte dann so aussehen:

HotjarTagFertig

Du kannst den Tag dann wie gewohnt speichern und Deine Änderungen im TagManager absenden.

3. Schritt: Die Einrichtung in Hotjar verifizieren

Nachdem Du die Änderungen im TagManager abgeschickt hast, ist Hotjar offiziell eingebunden. Du musst den Tag abschließend nur noch verifizieren. Dafür wechselst Du wieder zu Hotjar.

Im besten Fall hast Du das Fenster von der Einrichtung offen gelassen. Dort musst Du jetzt auf "Verify Installation" gehen.

VerifyInstall

Danach öffnet sich dieses Fenster:

HotjarVerifyInstallPopUp

Hier musst Du sicher gehen, dass Du die korrekte URL eingegeben hast. 

Danach kannst Du wieder auf "Verify Installation" klicken. Es öffnet sich ein neuer Tab mit Deinem Shop.

Dort sollte in der oberen linken Ecke dieses Pop-Up erscheinen:

HotjarVerifySuccess

Wenn dieses Pop-Up erscheint, weißt Du, dass der Hotjar-Tag erfolgreich eingebunden wurde!

Wenn Du dann wieder in das Hotjar Fenster wechselst, siehst Du die allgemeine Hotjar Oberfläche.

HotjarUebersicht

Ab jetzt werden Heatmaps und Visitor Recording für Deinen kompletten Shop angelegt!

Hotjar Opt-Out

Du solltest Deinen Besuchern auf jeden Fall die Möglichkeit des Opt-Outs anbieten. Hotjar hat dafür extra schon einen Text vorbereitet, den Du einfach in Deine Datenschutzerklärung einbinden kannst. Die genaue Beschreibung von Hotjar findest Du hier, den Text zum Einfügen hier.

Weitere Links

3 Kommentare

  • Hey Mercel,

    danke für deine schnelle Antwort.
    SW6 halt schon so viele Bugs und Aussetzer, nicht dass durch so ein Integration noch mal noch mehr Fehler verursacht werden. Würde gern die entstehenden Abbrüche in Checkout damit besser nachvollziehen wollen.

    Würdet ihr mir das auch einrichten?

    Grüße
    Artur Bressem
  • Hallo Herr Denzer, haben Sie schon die Erfahrung ob an das HOTJAR Tool mit Shopware 6 einsetzen kann?
  • Hey Artur,

    im Grunde unterscheidet sich die Integration hier nicht zwischen Shopware 5 und Shopware 6! :-)

    Liebe Grüße
    Marcel

Was denkst du?

Beliebt

Was du über die Shopware 5 Theme Struktur wissen musst und wie du ein eigenes Template erstellst
Social Media Icon mit Link im Footer
Shopware Theme: Eigenes Listing Layout erstellen
Logo Größe mit Less für Shopware 5 anpassen
Die größten Fehler bei der Entwicklung eines Shopware 5 Themes

Sicher Dir die besten Shopware 6
Tipps & Tricks

Trag Dich ein und Du erhältst unser Shopware 6 Whitepaper kostenlos!
Trag dich für unseren Newsletter an, im Anschluss erhältst Du das Whitepaper. 

Mit dem Abschicken Deiner Daten akzeptierst Du unsere Datenschutzerklärung.

Entdecke unsere ebooks

Unsere Standorte

Zentrale 

Technologiepark 23
33100 Paderborn


Leipzig
Bernhardstraße 34
04315 Leipzig

Kontakt

Über 8mylez

✓ 38 Mitarbeiter

✓ Shopware Gold Partner

✓ 40.000+ Plugin Downloads

✓ 160+ betreute Shops

✓ Full-Service Shopware Agentur

✓ 70 Shopware Videos auf Youtube

✓ Alle Shopware Zertifizierungen

Social


Unsere Partner
© 2023 by 8mylez GmbH //  Impressum + Datenschutz