¿Buscas una forma de añadir notificaciones push de abandono de carrito a tu sitio web usando Google Tag Manager?
Google Tag Manager actúa como un contenedor para almacenar tus scripts de notificaciones push y mucho más. Y las campañas de abandono de carrito son una excelente manera de aumentar la interacción y las ventas de forma automática. Así que, juntemos estas dos épicas automatizaciones.
En este artículo, te ayudaremos a instalar las notificaciones push de GTM en menos de 10 minutos.
Vamos a ello.
Cómo Crear Notificaciones Push de Abandono de Carrito Usando GTM
Instalar notificaciones push usando Google Tag Manager es un proceso realmente rápido y fácil. Configurar una campaña de abandono de carrito usando GTM es un poco más técnico, pero podemos hacerlo juntos. Simplemente sigue estos pasos y al final de este artículo, deberías poder enviar notificaciones push desde tu sitio como esta:
Y la maravilla de usar Google Tag Manager para hacerlo es que no necesitas usar ningún código. Tampoco necesitas editar el HTML de tu sitio web para instalar notificaciones push.
Vamos a ello.
Paso #1: Configura tu Cuenta de PushEngage Usando GTM
Antes de crear campañas de abandono de carrito, necesitarás instalar PushEngage en tu sitio. Y como vamos a configurar campañas de abandono de carrito usando Google Tag Manager, tiene sentido instalar PushEngage usando GTM también.
Sin embargo, no cubrimos eso en este artículo. Si eres nuevo en las notificaciones push, adelante y consulta nuestro tutorial sobre cómo instalar notificaciones push en tu sitio usando GTM.
Sigue los pasos de ese artículo. Una vez que hayas terminado, comenzaremos con la creación de tu campaña de abandono de carrito.
Paso #2: Crea una Campaña de Abandono de Carrito en PushEngage
Una vez que hayas terminado de configurar la opción de suscripción, tu sitio podrá recopilar suscriptores.
Ahora, es el momento de crear tu campaña de abandono de carrito.
Dirígete a Campañas » Campañas Activadas y haz clic en Crear Nueva Campaña Activada:
Luego, de las plantillas de campaña, selecciona Abandono del carrito y haz clic en Crear nuevo:
Si necesitas un tutorial detallado sobre cómo crear una campaña de abandono de carrito, consulta este artículo sobre cómo configurar notificaciones push de abandono de carrito. Una vez que hayas terminado, necesitarás configurar Google Tag Manager para activar y enviar recordatorios de abandono de carrito.
Paso #3: Crea un Objeto dataLayer
Según Google, “Para garantizar la máxima flexibilidad, portabilidad y facilidad de implementación, Google Tag Manager funciona mejor cuando se implementa junto con una capa de datos. Una capa de datos es un objeto que contiene toda la información que deseas pasar a Google Tag Manager. Información como eventos o variables se pueden pasar a Google Tag Manager a través de la capa de datos, y los desencadenantes se pueden configurar en Google Tag Manager basándose en los valores de las variables”
Un objeto dataLayer es un conjunto de variables en una matriz que se utiliza para obtener información dinámicamente. En términos simples, el dataLayer es tu feed de productos. Consulta la documentación de Google para obtener más información sobre los objetos dataLayer.
Aquí tienes un ejemplo:
Una vez que tengas este dataLayer creado, deberás añadirlo al HTML <body> de tu sitio.
A continuación, querrás añadir un evento de activación en tus botones de ‘Comprar ahora’ o ‘Añadir al carrito’ para que, cuando tus visitantes hagan clic en estos botones, se active la campaña de carritos abandonados.
NOTA: Tu campaña de carritos abandonados no se inicia inmediatamente después de que se active el evento. Normalmente, la campaña comienza si tus visitantes han añadido algo a su carrito pero no han comprado nada, incluso después de media hora.
Paso #4: Crea variables de dataLayer en GTM
En tu cuenta de Google Tag Manager, dirígete a Workspace » Variables » Configurar y desplázate hacia abajo hasta Clics:
Y habilita todas las variables en Clics.
Luego, vuelve a Variables y, en Variables definidas por el usuario, haz clic en Crear nueva:
Aquí, añade tus variables de dataLayer a Google Tag Manager:
Tus variables de dataLayer son los diferentes atributos de tus productos. En nuestro ejemplo, las variables de dataLayer serían:
- productos.nombre
- productos.id
- productos.precio
- productos.nombreproducto
- productos.imagen
Necesitarás añadir todas estas variables de dataLayer en GTM.
IMPORTANTE: Sigue la sintaxis exactamente o la campaña nunca se activará.
Paso #5: Crea un disparador en GTM
Dirígete a Disparadores y haz clic en Añadir nuevo:
Y crea un Evento personalizado para activar tu campaña de carritos abandonados cuando alguien haga clic en un botón de Comprar ahora:
Configura el evento personalizado para que se active cuando alguien haga clic en un botón con el texto del botón “Comprar ahora”:
Paso #6: Configura la etiqueta con variables de dataLayer y disparadores
Finalmente, querrás volver a tu panel de PushEngage y actualizar la etiqueta de abandono de carrito con las variables de dataLayer y los disparadores. Dirígete a Campaña » Campañas activadas y haz clic en el botón Tu código:
Y copia el código de tu campaña:
Una vez hecho esto, querrás pegar el código en el código HTML de tu sitio web justo encima de tus botones de Comprar ahora.
¡Y eso es todo! Has terminado.
Qué hacer después de configurar las notificaciones de carritos abandonados
¡Eso es todo por ahora, amigos!
También puedes crear segmentos dinámicamente a través de GTM. ¿Quizás deberías mirar eso a continuación?
Si eres nuevo en las notificaciones push, deberías seguir un proceso completo de pruebas de notificaciones push antes de salir en vivo. Te ayudará a solucionar problemas comunes antes de que tus visitantes los vean y empiecen a quejarse de una experiencia de usuario rota.
También deberías echar un vistazo a estos recursos épicos mientras estás en ello:
- 7 estrategias inteligentes para aumentar la participación del cliente
- Cómo conseguir más tráfico para tu blog de WordPress (9 maneras fáciles)
- Cómo aumentar su tasa de opt-in de notificaciones push web (7 maneras)
Y si aún no lo has hecho, anímate a probar PushEngage. PushEngage es el servicio de notificaciones push número 1 del mundo. Por lo tanto, si te tomas en serio el crecimiento de tu negocio, deberías invertir en PushEngage.
a esta publicación le falta una captura de pantalla de la etiqueta en sí. Hacia el final, usted hace referencia a "Luego, en su panel de GTM, cree la etiqueta con el código de abandono de carrito y agréguele las variables de dataLayer, puede ver en el siguiente ejemplo." sin que haya un ejemplo disponible.
Por favor, actualice con una imagen de ejemplo de configuración de etiqueta.
además, ¿asumo que llegará un momento en que necesitaremos agregar el script de pushEngage a la etiqueta personalizada? Esa parte podría ser más clara en esta publicación.
Gracias,
¿Cómo haría esto con una plataforma como Marketo o Pardot?
¡Hola, Dan! Esa es una muy buena pregunta. Creo que deberías contactar a nuestro equipo de Éxito del Cliente para obtener una respuesta más detallada sobre esto. Ponte en contacto con nosotros en nuestra página de contacto.