Hotjar für Shopware einrichten!
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.
Heatmap
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:
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.
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:
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.
Danach öffnet sich dieses Fenster:
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:
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.
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
Sicher Dir die besten Shopware 6 Tipps & Tricks
Neueste Beiträge
3 Kommentare
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
im Grunde unterscheidet sich die Integration hier nicht zwischen Shopware 5 und Shopware 6! :-)
Liebe Grüße
Marcel
Was denkst du?