Artigos nessa seção

Por Que as Gravações Parecem Quebradas ou Não Carregam CSS?

Se suas Gravações parecem quebradas quando comparadas ao seu site ao vivo, isso pode ser porque o Hotjar não consegue acessar os arquivos CSS que adicionam o estilo ao seu site. Abaixo, você pode ver um exemplo de uma Gravação sem CSS aplicado.

As razões pelas quais seu site pode estar bloqueando o Hotjar de acessar o CSS incluem:

  • O acesso é limitado a endereços IP específicos
  • O bloqueio está ocorrendo com base no domínio/referenciador
  • O acesso é restrito com base na geolocalização (ou seja, acessar ativos da Irlanda não é possível)
  • Bloqueio com base na falta de cookie/armazenamento de sessão
  • Bloqueio com base na proteção por senha, impedindo que os ativos sejam acessados diretamente por meio de sua URL, ou bloqueando solicitações a endpoints específicos

Solução:

Na maioria dos casos, fazer as permissões listadas abaixo pode corrigir problemas envolvendo bloqueio de domínio/referenciador e IP. Após fazer essas alterações, as gravações devem ser capazes de ser exibidas corretamente.

  • Permita o domínio/referenciador https://insights.hotjar.com

    Sugerimos permitir os domínios *.hotjar.com especialmente se o problema estiver afetando os Heatmaps também.

  • Permita os endereços IP do Hotjar

    Todos os nossos servidores estão hospedados na Amazon AWS eu-west-1 na Irlanda e acessam folhas de estilo via HTTPS. Abaixo está uma lista dos IPs que o Hotjar usa para enviar tráfego de saída, que você pode permitir se necessário em sua extremidade.

    18.203.61.76
18.203.176.135
52.17.197.221

    Os IPs listados acima não cobrem o domínio real

    O domínio real é https://insights.hotjar.com. Isso se deve ao fato de ser servido por nosso provedor de CDN. Sugerimos permitir os domínios *.hotjar.com especialmente para aplicar CSS aos Heatmaps.

    Se você usa uma Rede de Distribuição de Conteúdo (CDN), Firewall de Aplicação Web (WAF), ou qualquer outro serviço que fica entre o seu servidor e o resto da web, então você pode precisar fazer as alterações dentro desses serviços, bem como no servidor.

  • Permita os User-Agents do Hotjar

    Alguns CDNs ou WAFs não permitem que você permita o acesso com base no endereço IP, mas podem permitir que você permita o acesso com base no 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'
    )

Voltar ao topo

Artigos relacionados