El atributo de seguimiento de clics a enlaces es un fragmento de código HTML que sirve para realizar desde Connectif el seguimiento de los clics realizados a enlaces de tu web.
¿Cuál es y dónde usar este atributo?
El atributo "data-cn-track-click" puede usarse en cualquier enlace que se quiera monitorizar y que no forme parte de un contenido de Connectif, siempre y cuando el JavaScript de Connectif esté instalado en la web.
Además, acompañando al "data-cn-track-click", se puede usar el atributo "data-cn-alias" para asignar al enlace un alias que permita identificarlo de forma más fácil, por ejemplo, en el nodo "Al clicar contenido web".
Otras consideraciones
El atributo de seguimiento de clics a enlaces permite indicar un valor para dictaminar cómo debe comportarse el mecanismo de seguimiento.
1. Async
Este valor indica que el mecanismo contabilizará el clic sin bloquear la navegación. Este es el comportamiento por defecto en enlaces a secciones en la misma página o especiales tipo "mailto:" o "tel:".
<a href="#mysection" data-cn-track-click="async">
my section
</a>
2. Sync
Este valor indica que el mecanismo contabilizará el clic antes de realizar la navegación.
<a href="https://www.website.com/product/list" data-cn-track-click="sync">
my products
</a>
3. Track-click
Este valor indica que el mecanismo hace el seguimiento cuando el usuario navega. Es un tracking offline.
<a href="https://www.website.com/product/list" data-cn-track-click="track-click">
my products
</a>
4. After-redirect
Este valor indica que el mecanismo contabilizará el clic tras haber realizado la navegación. Este es el comportamiento por defecto cuando el enlace dirige a una página interna.
<a href="https://www.website.com/product/list" data-cn-track-click="after-redirect">
my products
</a>
Ejemplo
Una vez incluido el atributo, se verá de diferentes formas dependiendo del tipo de enlace:
- Internos a la web: enlaces que se quedan dentro de la web o dominio.
<a href="https://www.website.com/product/list" data-cn-track-click>
my products
</a> - Externos a la web: enlaces cuyo destino sale de a web y navegan a otros dominios.
<a href="https://twitter.com/myprofile" data-cn-track-click>
my profile on twitter
</a>
- A secciones de la misma página: enlaces que apuntan a un apartado concreto de la misma URL.
<a href="#mysection" data-cn-track-click>
my section
</a> - Enlaces especiales: como "mailto:" o "tel:".
<a href="mailto:info@company.com" data-cn-track-click>
contact us
</a>
- Enlaces con código JavaScript: enlaces que ejecutan código JavaScript también puede ser capturados. Es necesario el atributo "data-cn-alias" para dar nombres a estos enlaces.
<a href="javascript:alert('Hi');" data-cn-track-click data-cn-alias="say-hi">
say Hi
</a>
¡Sigue aprendiendo!
Para aprovechar todo el potencial de tu cuenta en Connectif, te recomendamos continuar con los siguientes artículos:
- Integración mediante etiquetas, para conocer todas las notificaciones que puedes enviar desde tu eCommerce a Connectif y su funcionamiento.
- Integración mediante eventos JavaScript, para conocer esta forma de integración que te permitirá un mayor control sobre cuándo y cómo enviar los eventos.
- Integración con Connectif vía API, para sincronizar contactos, productos, compras y cupones.
- Comprobar la integración con el eCommerce, para asegurarte de que todos los datos están sincronizándose de forma correcta en tu cuenta de Connectif.