O atributo de rastreamento de cliques em links é um fragmento de código HTML que serve para realizar, a partir do Connectif, o rastreamento dos cliques feitos em links do seu site.
Qual é e onde usar este atributo?
O atributo "data-cn-track-click" pode ser usado em qualquer link que se deseje monitorar e que não faça parte de um conteúdo do Connectif, desde que o JavaScript do Connectif esteja instalado no site.
Além disso, juntamente com o "data-cn-track-click", pode-se usar o atributo "data-cn-alias" para atribuir um alias ao link que permita identificá-lo de forma mais fácil, por exemplo, no nó "Ao clicar no conteúdo web".
O rastreamento dos links de conteúdos criados no Connectif é realizado de forma automática.
Outras considerações
O atributo de rastreamento de cliques em links permite indicar um valor para determinar como o mecanismo de rastreamento deve se comportar.
Se os valores não forem indicados, o mecanismo de rastreamento de cliques em links se comportará de maneira padrão, dependendo do "href" ao qual esteja associado.
1. Async
Este valor indica que o mecanismo registrará o clique sem bloquear a navegação. Este é o comportamento padrão para links que apontam para seções na mesma página ou especiais como "mailto:" ou "tel:".
<a href="#mysection" data-cn-track-click="async">
minha seção
</a>
2. Sync
Este valor indica que o mecanismo registrará o clique antes de realizar a navegação.
<a href="https://www.website.com/product/list" data-cn-track-click="sync">
meus produtos
</a>
O valor sync oferece mais garantias de capturar qualquer clique. No entanto, bloqueia a navegação até que o rastreamento seja realizado, portanto, recomenda-se usar com moderação.
3. Track-click
Este valor indica que o mecanismo realiza o rastreamento quando o usuário navega. É um rastreamento offline.
<a href="https://www.website.com/product/list" data-cn-track-click="track-click">
meus produtos
</a>
4. After-redirect
Este valor indica que o mecanismo registrará o clique após a navegação ser realizada. Este é o comportamento padrão quando o link aponta para uma página interna.
<a href="https://www.website.com/product/list" data-cn-track-click="after-redirect">
meus produtos
</a>
O atributo "data-cn-track-click" não funcionará em tags "<a>" que não possuam o atributo "href".
Exemplo
Uma vez incluído o atributo, ele aparecerá de diferentes formas dependendo do tipo de link:
-
Internos ao site: links que permanecem dentro do site ou domínio.
<a href="https://www.website.com/product/list" data-cn-track-click>
meus produtos
</a> -
Externos ao site: links cujo destino sai do site e navegam para outros domínios.
<a href="https://twitter.com/myprofile" data-cn-track-click>
meu perfil no twitter
</a>
Nesses casos, o Connectif substituirá o href do link por uma URL de rastreamento para que a navegação passe primeiro pelo Connectif, o rastreamento seja realizado e, em seguida, redirecione o contato para o destino.
-
Para seções da mesma página: links que apontam para uma seção específica da mesma URL.
<a href="#mysection" data-cn-track-click>
minha seção
</a> -
Links especiais: como "mailto:" ou "tel:".
<a href="mailto:info@company.com" data-cn-track-click>
entre em contato
</a>
-
Links com código JavaScript: links que executam código JavaScript também podem ser capturados. É necessário o atributo "data-cn-alias" para nomear esses links.
<a href="javascript:alert('Oi');" data-cn-track-click data-cn-alias="diga-oi">
diga oi
</a>
Parabéns!
Você chegou ao final da lição.
Ficou com dúvidas?
Lembre-se que você tem à disposição nossos especialistas em Connectif. Para contatá-los, basta abrir um ticket de suporte clicando no botão azul "Ajuda" no seu dashboard.
Continue aprendendo!
Para aproveitar ao máximo sua conta no Connectif, recomendamos que continue com os seguintes artigos:
- Integração via etiquetas, para conhecer todas as notificações que você pode enviar do seu eCommerce para o Connectif e seu funcionamento.
- Integração via eventos JavaScript, para conhecer esta forma de integração que permitirá maior controle sobre quando e como enviar os eventos.
- Integração com o Connectif via API, para sincronizar contatos, produtos, compras e cupons.
- Verificar a integração com o eCommerce, para garantir que todos os dados estão sendo sincronizados corretamente na sua conta Connectif.