Beiträge in diesem Abschnitt

Warum sehen Aufnahmen beschädigt aus oder laden kein CSS?

Wenn Ihre Aufnahmen im Vergleich zu Ihrer Live-Site fehlerhaft aussehen, kann dies daran liegen, dass Hotjar nicht auf die CSS-Dateien zugreifen kann, die Ihrer Site das Styling hinzufügen. Im Folgenden sehen Sie ein Beispiel für eine Aufnahme ohne angewandtes CSS.

Gründe, warum Ihre Site Hotjar möglicherweise den Zugriff auf CSS verweigert, sind unter anderem:

  • Der Zugriff ist auf bestimmte IP-Adressen beschränkt
  • Blockierung basierend auf Domain/Referrer findet statt
  • Der Zugriff ist auf Geolokation beschränkt (d.h. der Zugriff auf Assets aus Irland ist nicht möglich)
  • Blockierung basierend auf fehlenden Cookies/sessionStorage
  • Blockierung basierend auf Passwortschutz, der das direkte Abrufen von Assets über deren URL verhindert oder Anfragen an bestimmte Endpunkte blockiert

Lösung:

In den meisten Fällen können Probleme im Zusammenhang mit Domain/Referrer und IP-Blockierung durch die unten aufgeführten Maßnahmen behoben werden. Nachdem Sie diese Änderungen vorgenommen haben, sollten die Aufnahmen korrekt angezeigt werden können.

  • Erlauben Sie die Domain/Referrer https://insights.hotjar.com

    Wir empfehlen, die Domains *.hotjar.com zu erlauben, insbesondere wenn das Problem auch Heatmaps betrifft.

  • Erlauben Sie die IP-Adressen von Hotjar

    All unsere Server sind auf Amazon AWS eu-west-1 in Irland gehostet und greifen über HTTPS auf Stylesheets zu. Unten finden Sie eine Liste der IPs, die Hotjar verwendet, um ausgehenden Datenverkehr zu senden, den Sie bei Bedarf auf Ihrer Seite zulassen können.

    18.203.61.76
18.203.176.135
52.17.197.221

    Die oben aufgeführten IPs decken nicht die tatsächliche Domain ab

    Die tatsächliche Domain ist https://insights.hotjar.com. Dies liegt daran, dass sie von unserem CDN-Anbieter bereitgestellt wird. Wir empfehlen, die Domains *.hotjar.com zu erlauben, insbesondere für die Anwendung von CSS auf Heatmaps.

    Wenn Sie ein Content Delivery Network (CDN), eine Web Application Firewall (WAF) oder einen anderen Dienst verwenden, der zwischen Ihrem Server und dem Rest des Webs sitzt, müssen Sie möglicherweise auch Änderungen in diesen Diensten sowie auf dem Server vornehmen.

  • Erlauben Sie die User-Agents von Hotjar

    Einige CDNs oder WAFs erlauben es Ihnen möglicherweise nicht, den Zugriff basierend auf IP-Adresse zu gestatten, gestatten jedoch den Zugriff basierend auf User-Agent.

    'phone': (
        'Mozilla/5.0 (iPhone; CPU iPhone OS 15_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) '
        'Hotjar Version/15.2 Mobile/15E148 Safari/604.1'
    ),
'tablet': (
        'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) '
        'Hotjar Version/15.2 Safari/605.1.15'
    ),
'desktop': (
        'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) '
        'Hotjar Chrome/97.0.4692.71 Safari/537.36'
    )

Zurück nach oben

Verwandte Beiträge