In Bubble Hotjar Analytics integrieren (Heatmaps)

In diesem Video lernt ihr wie ihr die Website Analytics Plattform Hotjar in Bubble integriert. Hotjar unterstützt euch dabei bessere Produkte zu entwickeln, weil ihr seht, wie eure Nutzer die Webseite benutzen und insbesodere könnt ihr Fehlerquellen dadurch leichter ausschließen. Hotjar unterstützt euch kontinuierlich von euren Usern datenbasiert zu lernen.

Zuächst müsst ihr einen Account bei Hotjar registrieren und annschließend die Webseite-URL eurer Bubble Domain einfügen.

Ihr könnnt sowohl die version-test als auch die Deployed Version nutzen.

Ich selbst habe in diesem Video die Webseite in Bubble deployed. Im nächsten Schritt gehen wir in Bubble, um Bubble mit Hotjar zu verbinden.

Hierfür gibt es zwei Wege:

Einerseits geht ihr in Settings / SEO metatags und fügt unter Advanced settings Script/meta tags in Header das Javascript Skript hinzu, welches euch Hotjar zur Verfügung stellt. Bei diesem Weg müsst ihr jedoch einen Paid Plan bei Bubble haben.

Der andere Weg ist, wenn ihr das kostenlose Plugin von Zeroqode für Hotjar verwendet. Hierbei fügt ihr lediglich die Hotjar ID hinzu, welche euch Hotjar bereit stellt. Anschließend verifiziert ihr eure Webseite über Hotjar. Dabei ist extrem wichtig, dass die Daten auch zu Hotjar kommen.

Hierbei sind typischerweise folgende Dinge zu beachten, um die häufigen Fehler zu vermeiden, wenn Hotjar bei dir nicht funktioniert:

• Adblocker deaktivieren
• VPNs können zu Problemen führen
• Cookie Consent Einstellungen (insbesondere kein Opt-out)
• Sessions unter 30 Sekunden aufnehmen (auszuwählen in den Settings)

Wenn die Verifikation erfolgreich abgeschlossen ist, könnt ihr von nun an Sessions von Usern aufnehmen. Darüberhinaus lernt ihr in dem Video Tutorial, wie ihr Heatmaps für einzelne Seiten ganz einfach anlegt und auch Website Video Recordings auf dem Paid Plan erstellt.