Si tus grabaciones se ven mal en comparación con tu sitio en vivo, esto podría ser porque Hotjar no puede acceder a los archivos CSS que agregan el estilo a tu sitio. A continuación, puedes ver un ejemplo de una grabación sin CSS aplicado.
Razones por las cuales tu sitio puede estar bloqueando a Hotjar de acceder al CSS incluyen:
- El acceso está limitado a direcciones IP específicas
- El bloqueo está ocurriendo basado en dominio/referente
- El acceso está restringido basado en geolocalización (es decir, no es posible acceder a activos desde Irlanda)
- Bloqueo basado en falta de cookie/sessionStorage
- Bloqueo basado en protección con contraseña, impidiendo que los activos sean accedidos directamente a través de su URL, o bloqueando solicitudes a puntos finales específicos
Solución:
En la mayoría de los casos, hacer las concesiones enumeradas a continuación puede solucionar problemas relacionados con el bloqueo de dominio/referente y de IP. Después de realizar estos cambios, las grabaciones deberían mostrarse correctamente.
-
Permitir el dominio/referente https://insights.hotjar.com
Sugerimos permitir los dominios *.hotjar.com especialmente si el problema también afecta a los mapas de calor.
-
Permitir las direcciones IP de Hotjar
Todos nuestros servidores están alojados en Amazon AWS eu-west-1 en Irlanda y acceden a las hojas de estilo a través de HTTPS. A continuación se muestra una lista de las IPs que Hotjar utiliza para enviar tráfico de salida, el cual puedes permitir si es necesario en tu extremo.
18.203.61.76 18.203.176.135 52.17.197.221
Las IPs mencionadas anteriormente no cubren el dominio real
El dominio real es https://insights.hotjar.com. Esto se debe a que es servido por nuestro proveedor de CDN. Sugerimos permitir los dominios *.hotjar.com especialmente para aplicar CSS a los mapas de calor.
Si utilizas una Red de Entrega de Contenidos (CDN), un Cortafuegos de Aplicaciones Web (WAF), u otro servicio que se encuentra entre tu servidor y el resto de la web, entonces es posible que necesites hacer los cambios dentro de esos servicios además del servidor.
-
Permitir los User-Agents de Hotjar
Algunos CDNs o WAFs no te permiten permitir el acceso basado en la dirección IP pero pueden permitirte permitir el acceso basado en 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' )