Integración personalizada mediante etiquetas renderizadas en el cliente

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. 

  

Para realizar este tipo de integraciones, necesitarás de un experto con conocimientos de programación, Google Tag Manager y dataLayer.

 

¿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:

2. En las páginas de categoría de producto:

3. En las páginas de detalle de producto:

 

Renderizar esta etiqueta en el cliente no sincronizará el catálogo de productos (ver Paso 3), pero si vas a sincronizar el catálogo vía API necesitarás pintar esta etiqueta para que se envíe el evento de "Contacto ha visitado producto".

4. En las páginas de resultado de búsqueda:

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

6. En las páginas donde ocurra el evento:

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:

 

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.

 

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.

 

 

¡Enhorabuena!
Has llegado al final de la lección.

  

¿Te han quedado dudas sin resolver?
Recuerda que tienes a tu disposición a nuestros especialistas en Connectif. Para contactar con ellos, tan solo tendrás que abrir ticket a Soporte haciendo clic en el botón azul de “Ayuda” de tu dashboard.

 


¡Sigue aprendiendo!

Para aprovechar todo el potencial de tu cuenta en Connectif, te recomendamos continuar con los siguientes artículos:

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 0 de 0