Artículos en esta sección

¿Por qué las Recordings parecen rotas o no cargan CSS?

Si sus Recordings se ven rotas en comparación con su sitio en vivo, esto podría deberse a que Hotjar no es capaz de acceder a los archivos CSS que añaden el estilo a su sitio. A continuación puede ver un ejemplo de una grabación sin CSS aplicado.

Las razones por las que su sitio puede estar bloqueando el acceso de Hotjar a CSS incluyen:

  • El acceso está limitado a direcciones IP específicas
  • El bloqueo se produce en base al dominio/referente
  • El acceso está restringido en función de la geolocalización (es decir, no es posible acceder a los activos desde Irlanda)
  • Bloqueo basado en la falta de cookies/sessionStorage
  • Bloqueo basado en la protección por contraseña, impidiendo que se acceda a los activos directamente a través de su URL, o bloqueando peticiones a endpoints específicos

Solución:

En la mayoría de los casos, hacer las concesiones que se indican a continuación puede solucionar los problemas relacionados con el bloqueo de dominios/referentes e IP. Tras realizar estos cambios, las Recordings deberían poder visualizarse correctamente.

  • Permitir el dominio/referente https://insights.hotjar.com

    Sugerimos permitir los dominios *.hotjar.com especialmente si el problema afecta también a Heatmaps.

  • 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 direcciones IP que Hotjar utiliza para enviar el tráfico de salida, desde el que se puede permitir si es necesario en su extremo.

    18.203.61.76
18.203.176.135
52.17.197.221

    Las IPs listadas arriba 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 Heatmaps.

    Si utilizas una Red de Entrega de Contenido (CDN), un Firewall de Aplicaciones Web (WAF), o cualquier otro servicio que se sitúe entre tu servidor y el resto de la web, entonces puede que necesites hacer los cambios dentro de esos servicios así como en el servidor.

  • Permitir los User-Agents de Hotjar

    Algunos CDNs o WAFs no permiten el acceso basado en la dirección IP pero pueden permitir el acceso basado en el User-Agent.

    teléfono': (
        'Mozilla/5.0 (iPhone; CPU iPhone OS 15_2 como Mac OS X) AppleWebKit/605.1.15 (KHTML, como 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, como 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, como Gecko) '
        'Hotjar Chrome/97.0.4692.71 Safari/537.36'
    )

Volver arriba

Artículos relacionados