Artículos en esta sección

¿Por qué las grabaciones se ven rotas o no cargan el CSS?

Si tus grabaciones se ven distorsionadas en comparación con tu sitio en vivo, esto puede ser porque Hotjar no puede acceder a los archivos CSS que agregan 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 el acceso de Hotjar al CSS incluyen:

  • El acceso está limitado a direcciones IP específicas
  • El bloqueo se produce en función del dominio/referente
  • El acceso está restringido según la geolocalización (es decir, no es posible acceder a los activos desde Irlanda)
  • El bloqueo se basa en la falta de cookie/sessionStorage
  • El bloqueo se basa en la protección con contraseña, lo que impide el acceso directo a los activos a través de su URL o bloquea las solicitudes a puntos finales específicos

Solución:

En la mayoría de los casos, realizar las siguientes configuraciones puede solucionar los problemas relacionados con el bloqueo de dominio/referente y de IP. Después de realizar estos cambios, las grabaciones deberían mostrarse correctamente.

  • Permite 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.

  • Permite 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 direcciones IP que Hotjar utiliza para enviar tráfico de salida, las cuales puedes permitir si es necesario en tu servidor.

    18.203.61.76
18.203.176.135
52.17.197.221

    Las direcciones IP 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 Distribución de Contenido (CDN), un Firewall de Aplicaciones Web (WAF) u otro servicio que se encuentre entre tu servidor y el resto de la web, es posible que también debas realizar los cambios en esos servicios, además del servidor.

  • Permite los User-Agent de Hotjar

    Algunas CDNs o WAFs no te permiten permitir el acceso según la dirección IP, pero pueden permitirte permitir el acceso según el 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'
    )

Volver arriba

Artículos relacionados