Aufgrund potenzieller Sicherheitsprobleme, die mit der Funktionsweise von iframes einhergehen, kann Hotjar keine Benutzerinteraktionen innerhalb von Iframes verfolgen. Hotjar kann iframes aber trotzdem anzeigen, solange der iframe nicht auf JavaScript angewiesen ist, um seinen Inhalt zu rendern. Hotjar bezeichnet die Anzeige von iframes auf diese Weise als "erlaubte" iframes.
In diesem Artikel erläutern wir die Einstellungen und Funktionen für iframes sowie die Einschränkungen, die bei der Verwendung von Hotjar mit Seiten, die Iframes enthalten, bestehen.
- Was ist das Standardverhalten, wenn Hotjar einen iframe erkennt?
- Was bedeutet es, Iframes in Hotjar zuzulassen?
- Welche Einschränkungen bestehen nach dem Zulassen eines iframe?
Was ist das Standardverhalten, wenn Hotjar einen iframe erkennt?
Standardmäßig blockieren Heatmaps und Recordings iframe-Inhalte. Anstelle des iframe-Inhalts wird eine Meldung angezeigt, die besagt, dass Hotjar die auf Ihrer Seite eingebetteten iframes nicht verfolgen kann:
Wenn Sie mit Iframes nicht vertraut sind, können Sie sich diese als Webseiten innerhalb anderer Webseiten vorstellen. Sie werden häufig verwendet, um Tools oder Inhalte von einer Website eines Drittanbieters hinzuzufügen, z. B. Chatbots, Videos oder Formulare. Sie können mehr über iframes in der Mozilla Developer Network Dokumentation erfahren.
Was bedeutet es, iframes in Hotjar zuzulassen?
Hotjar bietet die Möglichkeit, iframes in Heatmaps und Recordings zuzulassen. Dies bedeutet jedoch nicht, dass Hotjar Benutzerinteraktionen innerhalb der iframes verfolgen kann. Es bedeutet nur, dass Sie den Inhalt der iframe-Seite laden können. Wenn JavaScript erforderlich ist, damit der iframe-Inhalt geladen werden kann, wird das Zulassen des Iframes nicht funktionieren, da Hotjar das Laden von JavaScript verhindert.
Bevor Sie Iframes auf Ihrer Hotjar-Site zulassen, sollten Sie den nächsten Abschnitt dieses Artikels lesen, in dem die Einschränkungen beschrieben werden, die die Anzeige von Iframes in Hotjar verhindern können.
Wie man einen iframe in Hotjar zulässt:
Fügen Sie data-hj-allow-iframe als HTML-Attribut zu Ihrem iframe hinzu.
Dazu fügen Sie ein HTML-Attribut data-hj-allow-iframe zu dem iframe hinzu, den Sie anzeigen möchten.
<iframe src="https://example.com/page.html" data-hj-allow-iframe=""></iframe>
Dies kann als data-hj-allow-iframe="", data-hj-allow-iframe="true" oder einfach als 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 iframe 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 verweist, wird auf unseren Servern gespeichert und jedes Mal neu geladen, wenn eine Aufnahme abgespielt wird. Das bedeutet, dass das Laden der iframe-Quellseite ein zusätzliches Verhalten auslösen würde, was zu unerwarteten und nachteiligen Ergebnissen führen könnte.
Besuchen Sie Ihre Seite Standorte & Organisationen.
Klicken Sie auf das Zahnradsymbol für die Website-Einstellungen , um die Seite mit den Website-Einstellungen aufzurufen.
Erweitern Sie das Menü Session Targeting & Tracking.
Geben Sie den Top-Level-Domainnamen, den Sie zulassen möchten, unter der Überschrift ALLOWED IFRAME DOMAINS ein.
Geben Sie nur die Top-Level-Domain ein, wenn Sie Domainnamen in das Feld ALLOWED IFRAME DOMAINS eingeben. Die Top-Level-Domain ist die Domain, die nicht mit www, http:// oder https:// verbunden ist. Wenn Sie zum Beispiel https://www.hotjar.com/de/ für 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 iframe?
Bevor Sie einen iframe zulassen, sollten Sie die Einschränkungen berücksichtigen, die auch nach dem Zulassen des iframe bestehen bleiben:
Hotjar kann einen iframe nicht zulassen, wenn sein src-Attribut einen relativen Seitenpfad (Beispiel: src="/page") anstelle der vollständigen URL (Beispiel: src="https://hotjar.com/page") verwendet.
❌ JavaScript wird innerhalb des iframe blockiert.
Interaktionen (Klick- und Scroll-Event, Tippen, CSS-Animationen, DOM-Änderungen usw.) werden im Iframe nicht nachverfolgt.
Diese Einschränkungen bedeuten, dass viele Iframes von Drittanbietern möglicherweise nicht angezeigt werden, da sie auf JavaScript angewiesen sind, selbst wenn der Iframe zugelassen wurde. Einige Beispiele für Inhaltstypen, die mit einem erlaubten iframe nicht funktionieren, sind:
- Chatbots
- Videoplayer von Drittanbietern (einschließlich YouTube und Vimeo)
- Formulare von Drittanbietern (einschließlich Typeform-Formulare)
- Web-Apps, die über Iframes geladen werden
- Die meisten Zahlungssysteme von Drittanbietern
- Die meisten Inhalte von Drittanbietern
Das bedeutet, dass Hotjar nur die folgenden Aspekte eines erlaubten Iframes anzeigen kann:
✅ Statische Seiteninhalte (ohne JavaScript), die über einen iframe geladen werden.
✅ Das Cursor-Verhalten wird relativ zur übergeordneten Seite verfolgt .
Abhilfe für Iframes mit gleicher Quelle
Wenn Sie den HTML-Code Ihres iframe-Elements bearbeiten können und die Quell-URL Ihres iframe dieselbe Domain verwendet wie die Seite, zu der der iframe hinzugefügt wird, können Sie den Hotjar-Tracking-Code in der iframe-Quellseite statt in der übergeordneten Seite platzieren. Mit dieser Option können Sie die iframe-Quellseite tracken, nicht aber andere Aspekte der übergeordneten Seite.