La integración mediante etiquetas HTML ocultas que se van a generar en el lado cliente es la opción de integración personalizada con Connectif que más se ajusta si se usa Google Tag Manager y dataLayer. Consiste en generar las etiquetas de forma oculta y, una vez estén correctamente renderizadas, el JavaScript de Connectif recolectará automáticamente la información y la enviará a tu cuenta.
¿Cómo integrar Connectif mediante etiquetas renderizadas en el cliente?
Mediante esta integración podrás configurar el envío de información de lo que ocurre en tu web, pero para sincronizar tu catálogo y configurar las Web Push deberás complementar este método.
1. Añadir el JavaScript de Connectif
Configura el JavaScript de Connectif la web para que cargue en todas las páginas y poder integrar mediante eventos.
2. Añadir las etiquetas HTML
Estas son todas las etiquetas que deberás añadir y las páginas donde deberás hacerlo para que la información se sincronice de forma correcta:
1. En todas las páginas:
- Etiqueta de "Información del contacto": para registrar los datos de los visitantes del eCommerce.
- Etiqueta de "Estado actual del carrito de la compra": para describir el carrito de la compra que tiene el contacto en un momento determinado.
- Etiqueta de "Etiqueta de página": para asignar una etiqueta a una página.
2. En las páginas de categoría de producto:
- Etiqueta de "Categoría de página": para asignar una categoría de producto a una página.
3. En las páginas de detalle de producto:
- Etiqueta de "Contacto ha visitado un producto": para avisar de que el contacto ha visitado un producto en concreto durante su navegación por la web.
- Etiqueta de "Contacto ha buscado un producto": para identificar una visita a un producto como resultado directo de una búsqueda del mismo.
4. En las páginas de resultado de búsqueda:
- Etiqueta de "Contacto ha realizado una búsqueda": para indicar que se ha realizado una búsqueda e identificar qué términos se han usado.
5. En las páginas de compra realizada (checkout success):
- Etiqueta de "Compra realizada": para describir una compra realizada por un contacto.
6. En las páginas donde ocurra el evento:
- Etiqueta de "Contacto ha hecho login": para indicar que el contacto ha iniciado sesión.
- Etiqueta de "Contacto se ha registrado": para indicar un nuevo registro.
- Etiqueta de "Suscripción a la newsletter": para indicar que un contacto se ha suscrito al boletín.
3. Sincronizar el catálogo de productos
La verificación de productos no es compatible con la renderización en el cliente de las etiquetas HTML, ya que el verificador de productos de Connectif espera obtener la etiqueta "cn_product_visited" al realizar una petición HTTP GET a la URL del producto.
Podrás sincronizar tu catálogo a través de dos métodos diferentes:
- Implementar la etiqueta de Producto Visitado con renderización en el servidor.
- Desactivar la verificación automática de productos y sincronizar el catálogo vía API.
4. Configurar las Web Push
Para completar la integración también deberás configurar el Service Worker para poder recibir suscripciones a Web Push y enviar notificaciones a tus contactos.
- Comienza a administrar las notificaciones Web Push.
5. Validar la integración
Una vez implementado el envío de información a Connectif, el siguiente paso será validar que la integración se ha realizado correctamente.
¡Sigue aprendiendo!
Para aprovechar todo el potencial de tu cuenta en Connectif, te recomendamos continuar con los siguientes artículos:
-
Onboarding, para adquirir destreza con nuestra interfaz.
-
Workflows iniciales, para implementar tus primeras estrategias en la cuenta.
-
Integraciones con sistemas externos, para integrarte con Facebook, formularios y webhooks de tu web.
-
Integraciones vía API, para administrar eventos como registros de compras o altas de contactos.