Esta guía explica cómo usar Google Tag Manager (GTM) para rastrear clics específicos en botones en su sitio de Discourse, como “Registrarse”, “Iniciar sesión” o “Responder”.
Nivel de usuario requerido: Administrador con acceso a Google Tag Manager
Rastrear clics en botones con Google Tag Manager
Rastrear cómo los usuarios interactúan con botones específicos proporciona datos valiosos para comprender el comportamiento del usuario y las rutas de conversión. Si bien Discourse rastrea muchos eventos de forma predeterminada, es posible que desee supervisar elementos específicos de la interfaz de usuario, como el botón “Registrarse”. Usar el modo de vista previa de Google Tag Manager (GTM) es la forma más eficiente de identificar los elementos correctos y configurar activadores precisos.
Resumen
Para rastrear un botón específico, primero debe identificar cómo lo “ve” GTM cuando se hace clic en ese botón. El proceso implica habilitar las variables de clic, crear un activador de depuración genérico, usar el Asistente de etiquetas (Tag Assistant) para identificar las propiedades únicas del elemento y luego crear una etiqueta específica para ese botón.
Habilitar variables de clic
Antes de poder rastrear clics, debe asegurarse de que GTM esté capturando los datos necesarios del navegador.
- Navegue a Variables en su espacio de trabajo de GTM.
- Seleccione Configurar.
- En la sección Clics, marque todas las casillas disponibles:
Elemento de Clic,Clases de Clic,ID de Clic,Destino de Clic,URL de ClicyTexto de Clic.
Crear un activador de clic genérico
Necesita un activador “que lo abarque todo” para ver cada evento de clic en la consola de depuración mientras está probando.
- Navegue a Activadores y seleccione Nuevo.
- Haga clic en Configuración del Activador y elija Clic - Todos los Elementos.
- Seleccione Todos los Clics.
- Nombre el activador “Todos los Clics - Depuración” y Guardar.
Usar la extensión Tag Assistant Companion
La extensión Tag Assistant Companion le ayuda a rastrear exactamente qué elemento recibe GTM cuando interactúa con su sitio.
- Instale la extensión en su navegador.
- En su espacio de trabajo de GTM, seleccione Vista previa en la esquina superior derecha.
- Ingrese la URL de su sitio (
discourse.example.com) y haga clic en Conectar.
Identificar elementos de botón específicos
Una vez que la ventana de vista previa esté abierta, puede encontrar los identificadores únicos para su botón de destino.
- Haga clic en el botón que desea rastrear (por ejemplo, el botón Registrarse) en su sitio.
- Vuelva a la pestaña Tag Assistant.
- Localice el evento Clic más reciente en el panel de resumen izquierdo.
- Seleccione la pestaña Capa de Datos para ver las propiedades del elemento en el que se hizo clic.
Para apuntar específicamente al botón Registrarse, puede usar su clase única: sign-up-button.
Al crear su activador permanente, use un Selector CSS para asegurarse de que capture los clics incluso si el usuario hace clic en el texto dentro del botón. Para el botón Registrarse, use:
button.sign-up-button, button.sign-up-button *
El * (comodín) al final del selector asegura que si un usuario hace clic en el elemento span de texto dentro del botón, el activador aún se active.
Mejores prácticas
- Use nombres descriptivos: Nombre sus activadores y etiquetas claramente, como “GA4 - Evento - Clic en Botón Registrarse”.
- Pruebe de forma anónima: Al probar clics en botones como “Registrarse”, a menudo es mejor usar una ventana de incógnito o cerrar la sesión de su sitio de Discourse para asegurarse de que el botón sea visible.
- Valide antes de publicar: Siempre verifique el panel Resumen en Tag Assistant para confirmar que su etiqueta específica se activa solo cuando se hace clic en el botón previsto.