Otimização do desempenho do Chat e Web Widget

Você pode usar a connectOnPageLoad JavaScript API para atrasar a conexão do Chat até que seu visitante interaja com o Web Widget.

Usando essa configuração, você pode ajustar o desempenho de seu website enquanto aproveita todos os recursos de páginas específicas.

Este artigo inclui os tópicos a seguir:

• Noções básicas da conexão entre Web Widget e Chat
• Noções básicas do impacto da configuração do connectOnPageLoad
• Adição do connectOnPageLoad às suas páginas da web

Artigos relacionados:

• ConnectOnPageLoad: práticas recomendadas de configuração para casos de uso comuns do Chat
• Documentação do desenvolvedor: configuração de ConnectOnPageLoad

Noções básicas da conexão entre Web Widget e Chat

Por padrão, o Web Widget se conecta aos serviços do Chat no carregamento da página para qualquer página em que o trecho do widget esteja inserido E o Chat esteja ativado.

O tempo dessa conexão possibilita recursos como chat proativo e o monitoramento de conversão. Entretanto, ele pode afetar negativamente o desempenho de diversas maneiras:

• Se você tiver um volume alto de visitantes, essas conexões podem diminuir o desempenho de seu produto de chat e dificultar ainda mais a identificação de clientes ao monitorar os visitantes do seu website.
• Ele também afeta o desempenho do Web Widget. A conexão ao Chat no carregamento da página significa que mais ativos precisam ser entregues antes que o Web Widget fique interativo em uma página. Isso pode afetar a velocidade geral de carregamento da página da web.

Noções básicas do impacto da configuração do connectOnPageLoad

Quando você ativa a configuração connectOnPageLoad, a experiência do usuário final não deverá ser perceptivelmente afetada. Pode haver um pequeno atraso de um ou dois segundos (no máximo) quando o cliente abre o widget.

No entanto, o uso de connectOnPageLoad para atrasar a conexão tem alguns comprometimentos importantes que devem ser considerados antes da implantação.

Quando connectOnPageLoad = true:

• A funcionalidade do Chat não será afetada. A experiência de Chat é a mesma quando a configuração connectOnPageLoad não é inserida no código da página.

Quando connectOnPageLoad = false:

• Você só poderá monitorar os visitantes que iniciaram um chat ou clicaram no Web Widget.
• Alguns recursos do Chat podem ser afetados, como o monitoramento de conversão, gatilhos proativos e APIs do JS do Web Widget que dependem das conexões do visitante com os serviços do Chat.

Para saber mais sobre o impacto do uso do connectOnPageLoad em diferentes configurações, consulte ConnectOnPageLoad: práticas recomendadas de configuração para casos de uso comuns do Chat.

Adição do connectOnPageLoad às suas páginas da web

Você pode adicionar connectOnPageLoad a qualquer página com o Web Widget integrado. A configuração é adicionada ao código-fonte de cada página, como no exemplo a seguir:

<script type="text/javascript">
 window.zESettings = {
     webWidget: {
        chat: {
            connectOnPageLoad: false        
        }
    }
 };
</script>

A configuração deve receber um valor, seja true ou false, que determina como os visitantes são tratados em cada página:

• connectOnPageLoad: true: se conecta ao serviço do Chat quando a página carrega, permitindo que você interaja com cada visitante na página da web.
• connectOnPageLoad: false: se conecta ao serviço de Chat quando um usuário interage com o widget, permitindo que você se concentre nos visitantes conversando por chat no momento com os agentes ou que iniciaram um chat.

Para saber mais sobre o impacto do uso do connectOnPageLoad, consulte ConnectOnPageLoad: práticas recomendadas de configuração para casos de uso comuns do Chat.

Como incluir a configuração connectOnPageLoad em seu website

1. No código-fonte da página, localize o trecho do código do widget do Chat.
2. Adicione a configuração connectOnPageLoad ao código-fonte, acima do trecho do código do widget:

   <script type="text/javascript">
    window.zESettings = {
       webWidget: {
           chat: {
               connectOnPageLoad: false
           }
       }
    };
   </script>

3. Defina o valor de connectOnPageLoad como true ou false, de acordo com seu caso de uso.
4. Salve e publique a página.
5. Repita essas etapas em todas as páginas de seu website com o widget inserido.