In diesem Artikel erklären wir, wie Hotjar mit iframes interagiert, welche Einschränkungen bestehen und welche Einstellungen/Funktionen verfügbar sind.
- Verständnis von iframes innerhalb von Hotjar
- Welche Möglichkeiten habe ich, um iframe-Inhalte mit Hotjar zu verfolgen?
- Was bedeutet es, iframes in Hotjar zuzulassen?
- Welche Einschränkungen bestehen nach dem Zulassen eines iframes?
Verständnis von iframes innerhalb von Hotjar
Ein iframe kann als eine Webseite beschrieben werden, die innerhalb einer anderen Webseite erscheint. Sie werden oft verwendet, um Inhalte von Websites von Drittanbietern wie Chatbots, Videos oder Formularen einzubetten. Sie können jedoch auch verwendet werden, um Inhalte von der gleichen Website-Domain anzuzeigen.
Um festzustellen, von wo der Inhalt eines iframes stammt, können wir uns die iframe-Quell-URL (src="") ansehen, die im Code wie folgt angezeigt wird:
<iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ"></iframe> In obigem Beispiel stammt die iframe-Quell-URL von YouTube.
Sie können mehr über iframes in der Mozilla Developer Network Dokumentation erfahren.
Um das Beste aus diesem Artikel herauszuholen, ist es wichtig, diese Begriffe zu kennen:
-
iframe 'Eltern'-Seite - Dies ist die Seite, auf der der <iframe> Code hinzugefügt wurde. Diese Seite hat normalerweise ihren eigenen Inhalt, enthält aber auch den eingebetteten iframe-Inhalt. Es ist die Seite, die Ihre Benutzer in ihrem Browser besuchen werden.
Beispiel einer iframe-Elternseite (https://www.hotjar.com). -
iframe 'Quell'-Seite - Dies ist die Seite, von der der iframe Inhalt stammt. Die Quellseiten-URL ist normalerweise keine Seite, auf die Ihre Benutzer direkt zugreifen würden.
Beispiel der entsprechenden iframe-Quellseite. (https://Hotjar.eu.ada.support)
Hotjar verfolgt standardmäßig keine in Ihre Seite eingebetteten iframes
Standardmäßig blockieren Heatmaps und Aufzeichnungen iframe-Elemente, die in Sitzungsdaten enthalten sind, und verhindern, dass sie Inhalte rendern. Anstelle des iframe-Inhalts sehen Sie beim Ansehen einer Aufzeichnung oder beim Anzeigen einer Heatmap eine Meldung, die besagt, dass Hotjar keine in Ihre Seite eingebetteten iframes verfolgen kann:
Welche Möglichkeiten habe ich, um iframe-Inhalte mit Hotjar zu verfolgen?
Hotjar kann nur Webseiten verfolgen, auf denen der Hotjar-Tracking-Code (Tracking-Code) installiert ist. Wenn der Tracking-Code auf der iframe-Elternseite installiert ist, wird der Tracking-Code diese Seite verfolgen, aber er wird keine Interaktionen innerhalb des iframes verfolgen oder anzeigen (den Inhalt der iframe-Quellseite).
Das Gleiche gilt auch umgekehrt. Wenn der Tracking-Code innerhalb der iframe-Quellseite installiert ist, werden Interaktionen für die Quellseite erfasst und angezeigt, aber es werden keine Interaktionen auf der übergeordneten Seite des iframes erfasst oder angezeigt.
Hotjar kann verwendet werden, um iframe-Inhalte auf folgende Weise zu verfolgen, wir werden jede im folgenden Abschnitt erläutern:
- Installieren Sie den Tracking-Code nur auf der übergeordneten iframe-Seite
- Installieren Sie den Tracking-Code nur auf der Quell-Seite des iframes
- Installieren Sie denselben Tracking-Code auf beiden iframe-übergeordneten & Quell-Seiten
Überlegungen beim Versuch, den Hotjar-Tracking-Code innerhalb eines iframes zu installieren.
Um Interaktionen innerhalb eines iframes zu verfolgen, müssen Sie Zugriff haben, um den Code der Quellseite des iframes zu bearbeiten. Wenn Sie einen iframe von einem Drittanbieter verwenden, ist dies möglicherweise nicht möglich. Wenn der Drittanbieter es Ihnen erlaubt, Ihren Tracking-Code zur Quellseite ihres iframe-Inhalts hinzuzufügen, müssen sie auch das Hotjar-Tracking in ihre Datenschutz- und Cookie-Richtlinien einbeziehen.
Installieren Sie den Tracking-Code nur auf der übergeordneten iframe-Seite
Mit diesem Ansatz wird Hotjar den Seiteninhalt der übergeordneten Seite verfolgen, aber keine Interaktionen innerhalb des iframes werden erfasst.
In Aufzeichnungen und Heatmaps wird der iframe standardmäßig blockiert, und wenn Sie es zulassen, dass der iframe angezeigt wird, sehen Sie eine statische Version des Inhalts der iframe-Quellseite, aber Hotjar wird keine Interaktionen innerhalb des iframes verfolgen. Erfahren Sie, wie Sie ein iframe zulassen.
Installieren Sie den Tracking-Code nur auf der Quell-Seite des iframes
Mit diesem Ansatz wird Hotjar den Seiteninhalt der Quellseite des iframes verfolgen, aber keine Interaktionen auf der übergeordneten Seite werden erfasst.
In Aufzeichnungen und Heatmaps sehen Sie die übergeordnete Seite, die tatsächlich vom Benutzer besucht wurde, aber Sie sehen nur Datensammlungen basierend auf Interaktionen, die innerhalb des iframe-Elements aufgetreten sind. Jegliche Interaktionen, die der Benutzer mit der übergeordneten Seite außerhalb des iframes hatte, werden nicht verfolgt.
Installieren Sie denselben Tracking-Code auf beiden iframe-übergeordneten & Quell-Seiten
Mit diesem Ansatz kann Hotjar Daten sowohl von der übergeordneten Seite als auch von der Quellseite des iframes erfassen. Dies ist jedoch nur möglich, wenn Ihr Team in der Lage ist, den Code der Quellseite des iframes direkt zu bearbeiten (dies ist selten möglich, wenn ein iframe von einem Drittanbieter bereitgestellt wird).
Wenn Sie in der Lage sind, den Tracking-Code zu Ihrer iframe-Quellseite und der übergeordneten Seite hinzuzufügen, ist es wichtig zu wissen, dass der iframe-Inhalt in Hotjar-Aufzeichnungen als separate Seite behandelt wird. Anstatt beide Interaktionen der übergeordneten und der Quellseite gleichzeitig zu sehen, behandelt Hotjar Interaktionen mit dem iframe als weiteren Tab in der Sitzung des Benutzers.
Dies führt dazu, dass die Aufzeichnung so aussieht, als ob der Benutzer zwischen der übergeordneten Seite des iframes und der Quellseite des iframes hin und her klickt, anstatt beide gleichzeitig zu sehen. Aufgrund der Einschränkungen bei iframes ist es nicht möglich, dieses Verhalten zu verhindern, wenn der Tracking-Code gleichzeitig zu den übergeordneten und Quellseiten hinzugefügt wird.
Wie man ein iframe in Hotjar zulässt
Hotjar bietet die Möglichkeit, 'iframes' in Heatmaps und Aufzeichnungen zuzulassen. In den meisten Fällen bedeutet dies, dass Hotjar nur die iframe-Seite laden kann, aber keine Benutzerinteraktionen innerhalb der iframes verfolgen kann, es sei denn, Sie haben die Möglichkeit, den Tracking-Code sowohl auf der Quellseite als auch im iframe hinzuzufügen. Wenn JavaScript für den iframe-Inhalt erforderlich ist, kann das Zulassen des iframes dazu führen, dass der iframe in Aufzeichnungen und Heatmaps als leerer Bereich angezeigt wird.
Bevor Sie iframes auf Ihrer Hotjar-Site zulassen, überprüfen Sie den nächsten Abschnitt in diesem Artikel, der die Einschränkungen beschreibt, die das Anzeigen von iframes in Hotjar verhindern können.
Fügen Sie data-hj-allow-iframe als HTML-Attribut zu Ihrem iframe hinzu.
Dies können Sie tun, indem Sie dem iframe, den Sie anzeigen möchten, das HTML-Attribut data-hj-allow-iframe hinzufügen.
<iframe src="https://beispiel.com/seite.html" data-hj-allow-iframe=""></iframe> Dies kann als data-hj-allow-iframe="", data-hj-allow-iframe="true" oder einfach data-hj-allow-iframe geschrieben werden. In jedem Fall wird der Wert im Backend als "true" angezeigt.
Dieses Attribut muss im <iframe>-Element selbst platziert werden und kann nicht im übergeordneten Element des iframes platziert werden. Viele Tools von Drittanbietern erlauben es nicht, ihre <iframe>-Elemente zu bearbeiten, was bedeutet, dass sie nicht zugelassen werden können.
Eine iframe-Quellseite wird jedes Mal neu geladen, wenn sie in Hotjar angezeigt wird
Die URL, auf die der iframe zeigt, wird auf unseren Servern gespeichert und jedes Mal neu geladen, wenn eine Aufzeichnung abgespielt wird. Dies bedeutet, dass, wenn das Laden der iframe-Quellseite zusätzliches Verhalten auslöst, dies zu unerwarteten und nachteiligen Ergebnissen führen könnte.
Besuchen Sie Ihre Seiten & Organisationen Seite.
Klicken Sie auf das Seiten-Einstellungen-Zahnrad-Symbol 
um Ihre Seiten-Einstellungen-Seite zu besuchen.
Erweitern Sie das Menü Sitzungsauswahl & -verfolgung.
Geben Sie den Top-Level-Domain-Namen ein, den Sie unter der Überschrift ZUGELASSENE IFRAME-DOMAINS zulassen möchten.
Geben Sie nur die Top-Level-Domain ein, wenn Sie Domainnamen in das Feld ZUGELASSENE IFRAME-DOMAINS eingeben. Die Top-Level-Domain ist die Domain ohne www, http:// oder https:// davor. Wenn Sie beispielsweise https://www.hotjar.com/ in dieses Feld zulassen möchten, wäre die Top-Level-Domain hotjar.com
Klicken Sie auf Änderungen speichern
Welche Einschränkungen bestehen nach dem Zulassen eines iframes?
Bevor Sie ein iframe zulassen, sollten Sie die Einschränkungen berücksichtigen, die auch nach dem Zulassen des iframes bestehen bleiben:
- Das iframe muss ein src-Attribut haben.
- Hotjar kann kein iframe zulassen, wenn sein src-Attribut einen relativen Seitenpfad verwendet (Beispiel: src=“/seite”) anstelle der vollständigen URL (Beispiel: src=“https://hotjar.com/seite”).
- JavaScript wird im iframe blockiert, wenn die übergeordnete Seite aufgezeichnet wird.
- Interaktionen (Klick- und Scroll-Ereignisse, Eingaben, CSS-Animationen, DOM-Mutationen usw.) werden im iframe nicht verfolgt, wenn die übergeordnete Seite aufgezeichnet wird.
Diese Einschränkungen bedeuten, dass die meisten Drittanbieter-Iframes möglicherweise nicht angezeigt werden, da sie auf JavaScript angewiesen sind, selbst nachdem das iframe zugelassen wurde. Einige Beispiele für Inhaltstypen, die mit einem zugelassenen iframe nicht funktionieren, sind:
- Chatbots
- Drittanbieter-Videoplayer (einschließlich YouTube und Vimeo)
- Drittanbieter-Formulare (einschließlich Typeform-Formulare)
- Die meisten Drittanbieter-Web-Apps, die über Iframes geladen werden
- Die meisten Drittanbieter-Zahlungssysteme
Dies bedeutet, dass Hotjar nur die folgenden Aspekte eines zugelassenen iframes anzeigen kann:
- Statischer Seiteninhalt (ohne JavaScript), der über ein iframe geladen wird.
- Das Cursorverhalten wird relativ zur übergeordneten Seite verfolgt.