Integração personalizada através de etiquetas renderizadas no cliente

A integração através de etiquetas HTML ocultas que serão geradas no lado do cliente é a opção de integração personalizada com o Connectif mais adequada se você estiver usando o Google Tag Manager e o dataLayer. Consiste em gerar as etiquetas de forma oculta e, uma vez que estejam corretamente renderizadas, o JavaScript do Connectif automaticamente coletará as informações e as enviará para sua conta. 

Como integrar o Connectif através de etiquetas renderizadas no cliente?

Com essa integração, você poderá configurar o envio de informações sobre o que acontece em seu site, mas para sincronizar seu catálogo e configurar as notificações push da web, você precisará complementar este método.

1. Adicionar o JavaScript do Connectif

Configure o JavaScript do Connectif no site para que ele carregue em todas as páginas e possa ser integrado através de eventos.

• Adicione o JavaScript do Connectif.

2. Adicionar as etiquetas HTML

Essas são todas as etiquetas que você precisará adicionar e as páginas onde precisará fazê-lo para que as informações sejam sincronizadas corretamente:

1. Em todas as páginas:

• Etiqueta de "Informações do contato": para registrar os dados dos visitantes do eCommerce.
  
• Etiqueta de "Estado atual do carrinho de compras": para descrever o carrinho de compras que o contato tem em determinado momento. 
  
• Etiqueta de "Etiqueta de página": para atribuir uma etiqueta a uma página.
  
  

2. Nas páginas de categoria de produto:

• Etiqueta de "Categoria de página": para atribuir uma categoria de produto a uma página. 
   

3. Nas páginas de detalhe do produto:

• Etiqueta de "Contato visitou um produto": para avisar que o contato visitou um produto específico durante sua navegação pelo site.

• Etiqueta de "Contato pesquisou um produto": para identificar uma visita a um produto como resultado direto de uma busca pelo mesmo.
  
  

4. Nas páginas de resultado de busca:

• Etiqueta de "Contato realizou uma busca": para indicar que uma busca foi realizada e identificar quais termos foram usados.
  
  

5. Nas páginas de compra realizada (checkout success):

• Etiqueta de "Compra realizada": para descrever uma compra realizada por um contato.
  
  

6. Nas páginas onde ocorrer o evento:

• Etiqueta de "Contato fez login": para indicar que o contato fez login.
• Etiqueta de "Contato se registrou": para indicar um novo registro.
• Etiqueta de "Assinatura para newsletter": para indicar que um contato se inscreveu na newsletter.
  
  

3. Sincronizar o catálogo de produtos

A verificação de produtos não é compatível com a renderização no cliente das etiquetas HTML, pois o verificador de produtos do Connectif espera receber a etiqueta "cn_product_visited" ao fazer uma solicitação HTTP GET para a URL do produto.

Você pode sincronizar seu catálogo através de dois métodos diferentes:

• Implementar a etiqueta de Produto Visitado com renderização no servidor.
• Desativar a verificação automática de produtos e sincronizar o catálogo via API.

4. Configurar as notificações push da web

Para completar a integração, você também precisará configurar o Service Worker para receber inscrições de notificações push da web e enviar notificações aos seus contatos.

• Comece a gerenciar notificações push da web.

5. Validar a integração

Após implementar o envio de informações para o Connectif, o próximo passo será validar se a integração foi realizada corretamente.

• Verifique as configurações da Integração Web.

Continue aprendendo!

Para aproveitar ao máximo sua conta no Connectif, recomendamos continuar com os seguintes artigos:

• Onboarding, para adquirir destreza com nossa interface.

• Workflows iniciales, para implementar suas primeiras estratégias na conta.

• Integraciones con sistemas externos, para integrar com o Facebook, formulários e webhooks do seu site.

• Integraciones vía API, para gerenciar eventos como registros de compras ou inscrições de contatos.