Connectif puede reaccionar a los clics en cualquier enlace de tu web, forme parte o no de los contenidos de la plataforma. Esta funcionalidad capacita el seguimiento de enlaces, proporciona una segmentación más precisa y facilita la creación de campañas mucho más personalizadas, entre otros.
En este artículo, aprenderás cómo detectar y reaccionar a enlaces web creados fuera de Connectif.
Tiempo de implementación: 20 minutos.
Dificultad: Media
¿Cuándo utilizarlo?: Cuando sea necesario que Connectif reaccione a cualquier enlace en tu web.
Una idea muy útil para poner en práctica este paso a paso es detectar y reaccionar a los enlaces de los botones para compartir en redes sociales, de modo que puedas segmentar a los contactos según su red social de interés.
PASO 1. Detecta los clics en los enlaces
(En este apartado se explica cómo agregar atributos a los enlaces que permitan su detección en Connectif).
1. En tu backoffice, dirígete a la configuración de la plantilla con las páginas de producto.
2. Abre el editor de código.
3. Busca las etiquetas HTML de uno de los enlaces que quieras recoger.
En nuestro caso, se ha seleccionado la etiqueta para Facebook. El código a detectar será similar al indicado a continuación.
<a href="http://www.facebook.com/sharer.php?u=http://mitienda.com/index.php?id_product=1&rewrite=hummingbird-printed-t-shirt&controller=product&id_lang=1" class="text-hide" title="Share" target="_blank">Share</a>
4. En cada etiqueta, añade el atributo "data-cn-track-click".
El atributo "data-cn-track-click" es el encargado de indicar a Connectif que registre el clic sobre el enlace.
La etiqueta para Facebook de ejemplo, quedaría como muestra el siguiente bloque de código. El atributo añadido se encuentra al final.
<a href="http://www.facebook.com/sharer.php?u=http://mitienda.com/index.php?id_product=1&rewrite=hummingbird-printed-t-shirt&controller=product&id_lang=1" class="text-hide" title="Share" target="_blank" data-cn-track-click>Share</a>
5. Añade el atributo "data-cn-alias" en la etiqueta del enlace.
El atributo "data-cn-alias" es el encargado de asignarle un nombre a cada enlace que permita reconocerlo en el workflow. Usa un alias distinto para poder identificar cada link a detectar.
La etiqueta para Facebook de ejemplo, quedaría como muestra el siguiente bloque de código. El atributo añadido se encuentra al final y se ha asignado como alias para reconocerlo la palabra "Facebook".
<a href="http://www.facebook.com/sharer.php?u=http://prestashop-93073-1289703.cloudwaysapps.com/index.php?id_product=1&rewrite=hummingbird-printed-t-shirt&controller=product&id_lang=1" class="text-hide" title="Share" target="_blank" data-cn-track-click data-cn-alias="Facebook">Share</a>
6. Repite los pasos 3, 4 y 5 con cada enlace para el que quieras detectar su clic.
7. Guarda los cambios en el editor de código de tu backoffice.
PASO 2. Crea los campos personalizados
(En este apartado se explica cómo almacenar en el perfil del contacto la información relativa a su interacción con el enlace).
8. Accede a "Contactos > Campos del contacto" y haz clic en Añadir nuevo campo personalizado.
9. Nombra el nuevo campo personalizado y asígnale el tipo adecuado.
10. (Opcional) Si fuera necesario, puedes cambiar el icono del campo y asignarle un valor por defecto o una longitud máxima.
Si quieres aprender más sobre los campos personalizados, haz clic aquí.
11. Haz clic en Guardar.
12. Repite los puntos anteriores, del 8 al 11, para cada uno de los datos que quieras recoger o establecer al detectar un clic en el enlace.
En nuestro ejemplo, se han creado dos campos personalizados de tipo texto. Uno para recordar que producto ha recomendado el contacto y en otro la red social dónde fue compartido.
PASO 3. Crea los segmentos dinámicos
(En este apartado se explica cómo crear en Connectif la estructura para segmentar a los contactos, de forma automática, según los clics detectados).
13. Accede a "Contactos > Segmentos" y haz clic en Crear nuevo segmento.
14. Selecciona el tipo Segmento Dinámico y haz clic en Ir al editor del segmento.
15. Asigna un nombre para identificar el segmento.
16. (Opcional) Escribe una descripción si te ayuda a aclarar en base a qué se segmentan estos contactos.
17. Establece la condición, o condiciones, de segmentación para que los contactos sean considerados.
En nuestro ejemplo, la condición de segmentación depende del valor que tenga el campo personalizado "Red Social usada" del contacto. Para segmentar a los contactos que comparten en Facebook, se indica "Facebook" como valor a cumplir.
18. Haz clic en Guardar.
19. Repite los puntos 13 a 18 por cada segmento necesario, uno por cada enlace que quieras detectar y reaccionar.
En nuestro ejemplo, se han creado cuatro segmentos dinámicos, uno por cada red social.
Si quieres aprender más sobre los segmentos dinámicos, haz clic aquí.
PASO 4. Crea el workflow
(En este apartado se explica cómo crear la estrategia que detecta y reacciona a los enlaces web haciendo uso de los elementos creados en los pasos anteriores).
20. Accede a “Workflows” y haz clic en Crear nuevo workflow.
21. Diseña tu estrategia estableciendo el comportamiento de la plataforma tras detectar un clic en los enlaces considerados.
Un workflow con el objetivo de detectar y reaccionar a enlaces web externos necesita, al menos, un nodo "Al clicar contenido web"
En nuestro ejemplo, se ha creado un workflow que detecta los enlaces de compartir en redes sociales en las páginas de productos. Reacciona guardando la información del contacto en su perfil y, por medio de estos nuevos datos, Connectif segmenta al usuario de forma automática.
4.1. Nodo "Inicio"
22. En el nodo "Inicio", haz clic en (Editar configuración del nodo).
23. Establece la audiencia a la que va dirigida el workflow.
En nuestro ejemplo, se tiene en consideración a todos los contactos, tanto a los existentes como a los nuevos.
24. Haz clic en Actualizar.
4.2. Nodo "Al visitar un producto"
25. En el nodo "Al visitar un producto", haz clic en (Editar configuración del nodo).
Puedes usar, si fuera necesario, cualquier nodo de tipo disparador adicional, antes del nodo "Al clicar contenido web", para limitar dónde se detectan los clics a enlaces externos. Si quieres aprender más sobre los nodos disparadores, haz clic aquí.
26. Configura el nodo y sus limitaciones de acuerdo al diseño de tu estrategia.
En nuestro ejemplo, no se han añadido filtros en la configuración y se han quitado todas las limitaciones: el objetivo es detectar el clic en los enlaces en todos los productos y en todas las visitas.
27. Haz clic en Actualizar.
4.3. Nodo "Al clicar contenido web"
28. En el nodo "Al clicar contenido web", haz clic en (Editar configuración del nodo).
29. En la pestaña Configuración selecciona el tipo de filtro "Al hacer clic en algún enlace indicado manualmente".
30. Marca la opción Alias de enlace e introduce uno de alias de los definidos en el PASO 1.
En nuestro ejemplo, el atributo alias fue definido como "data-cn-alias="Facebook" por lo que se escribe "Facebook" en el cuadro de texto.
31. Revisa y configura las limitaciones del nodo si fuera necesario.
En nuestro ejemplo, se han quitado todas las limitaciones: el objetivo es actualizar toda la información si el contacto vuelve a hacer clic en algún botón de compartir en redes sociales.
Si quieres aprender más sobre los nodos "Al clicar contenido web", haz clic aquí.
32. Haz clic en Actualizar.
4.4. Nodo "Establecer campo"
(En este apartado se explica cómo guardar los datos del contacto tras hacer clic en un enlace con alias).
33. En el nodo "Establecer campo", haz clic en (Editar configuración del nodo).
34. Asigna los datos importados en el workflow que correspondan a los campos personalizados creados en el PASO 2.
En nuestro ejemplo, se ha asignado el nombre del producto, que proviene del nodo "Al visitar producto", al campo personalizado "Producto compartido".
En el caso del campo personalizado "Red Social usada" se ha establecido su valor en función del alias del enlace, que es un dato recogido por el nodo "Al clicar contenido web".
Si quieres aprender más sobre el nodo "Establecer campo", haz clic aquí.
35. Haz clic en Actualizar.
36. En el workflow, haz clic en Guardar para guardar los cambios y en Iniciar para activarlo.
¡Éxito!
La configuración para detectar y reaccionar a los enlaces web externos escogidos ya está lista.
¡Sigue aprendiendo!
Para aprovechar todo el potencial de tu cuenta en Connectif, te recomendamos continuar con los siguientes artículos:
- Integración personalizada para recibir datos, para recibir datos en Connectif desde plataformas externas.
- Integración personalizada para enviar datos, para enviar datos desde Connectif a sistemas o aplicaciones externos.
-
Integración con Facebook e Instagram, para conectar tu cuenta de Facebook Ads con Connectif y empezar a gestionar tus audiencias.
-
Formularios integrados, para integrar en Connectif formularios ya existentes en tu web.