Cómo agregar un evento personalizado de monitoreo a un widget
Google Tag Manager (GTM) es un sistema de gestión de etiquetas que te permite gestionar e implementar etiquetas de marketing y análisis en tu sitio web. Las etiquetas son fragmentos de código que se usan para monitorear la conducta del usuario, recopilar información y dar una experiencia más personalizada.
Los sitios impulsados por SendPulse usan IDs de widget estáticos que te permiten enlazarlos y rastrear eventos personalizados. Por ejemplo, una etiqueta se puede accionar cuando el usuario haga clic en el botón "Registrarse" en un widget de suscripción por correo electrónico.
Tu ID estático estará enlazado a todo el widget, no sólo a un botón en específico. Esto quiere decir que cualquier clic en el botón de tu widget contará como un evento. Si esta configuración no funciona para tus necesidades, considera colocar tus botones en widgets diferentes.
En este artículo, aprenderás a configurar un widget personalizado para rastrear tus eventos en tu sitio impulsado por Sendpulse usando Google Tag Manager.
Configura Google Tag Manager
Dirígete a Google Tag Manager y crea una cuenta.
Selecciona tu plataforma objetivo de una de las siguientes opciones:
| Web | Para usar desde páginas web móviles o de escritorio. |
| iOS | Para usar desde aplicaciones de iOS. |
| Android | Para usar desde aplicaciones de Android. |
| AMP | Para usar desde páginas móviles aceleradas. |
| Servidor | Para instrumentos y medidas de lado del servidor. |
Haz clic en Crear.
Lee los términos de servicio de Google Tag Manager y acéptalos.
Instala Google Tag Manager en tu sitio web
Copia el código de instalación
Después de registrarte, Google Tag Manager te mostrará una ventana emergente con el código de instalación. Copia el código provisto:
Si deseas ver el código en otro momento, dirígete a Admin > Instalar Google Tag Manager.
Insértalo como código personalizado
Para instalar Google Tag Manager en tu sitio web, necesitarás agregar el código provisto a la pestaña de código personalizado de SendPulse:
Dirígete a la sección Sitios web, selecciona tu sitio y haz clic en Configuración del sitio.
En la configuración de tu sitio, dirígete a la pestaña Código personalizado y haz clic en Agregar código al sitio.
Selecciona la opción <head> y pega el siguiente código:
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NMPPLTTR');</script>
<!-- End Google Tag Manager →Haz clic en Guardar.
Repite el proceso. Selecciona la opción <body> y pega el siguiente código:
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NMPPLTTR"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) →Haz clic en Guardar.
Leer más: Cómo agregar un código personalizado a un sitio web.
Copiar ID del botón
Cada widget con un botón en tu página tiene un identificador único (ID) que te permite anclarlo a una ubicación específica en la página o configurar objetivos de análisis por sus clics.
El ID de tu botón está vinculado a todo el widget, no a un botón en específico. Esto quiere decir que un widget puede tener varios botones con el mismo ID.
En el creador de sitios de SendPulse, ubica tu botón y haz clic en el ícono del lápiz que se encuentra arriba. Dirígete a Configuración del botón y copia tu ID del campo ID.
Leer más: Cómo configurar un botón en tu sitio web: Edita el ID de tu botón.
Configura un accionador
En Google Tag Manager, ve a la pestaña Accionadores y haz clic en Nuevo.
Selecciona Clic - Todos los elementos como tipo de accionador. Configura el accionador para que se active en Algunos clics.
Crea una nueva variable con el nombre Click ID y configúralo como contains. Pega el ID del botón que copiaste desde SendPulse en el campo del valor de la variable.
Haz clic en Guardar.
Configura una etiqueta
Configura una etiqueta para rastrear la activación de los accionadores. En la pestaña Etiquetas, haz clic en Nuevo y selecciona Google Analytics: Evento de GA4 como tipo de etiqueta. Pega el ID de medida e ingresa el nombre de tu evento. Selecciona tu accionador y haz clic en Guardar.
Leer más: [GA4] ID de medición.
Visualiza el resultado
Haz clic en Enviar para publicar cambios y nombrar la versión. Finalmente, haz clic en Publicar.
Haz clic en Previsualización, ingresa la URL de tu sitio web y haz clic en Conectar.
Una vez conectado el asistente de etiquetas, revisa si tu etiqueta se encuentra en Etiquetas activadas en la pestaña Resumen.
Última actualización: 03.01.2024
o