es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Necesito hacer un seguimiento de un botón con Google Tag Manager.

02 Aug, 2023 Programación

Necesito realizar un seguimiento de un botón de formulario de contacto en Google Tag Manager, pero no sé cómo hacerlo. El código del botón es el siguiente:

<div class="modalBox" style="transform: translate(-50%, -50%); top: 50%; display: none;">

<div class="modalContent">

<a class="closeBtn" href="javascript:void(0)"></a>

<div class="message">

<p class="title">Formulario enviado correctamente</p>

<span class="line"></span>

<p class="subtitle">Contacto enviado con éxito</p>

</div>
</div>
</div>
Tags:  ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para rastrear un botón de formulario de contacto en Google Tag Manager, tendrías que configurar un activador de clic que se active cuando se hace clic en el botón. Aquí están los pasos para hacerlo:

    1. Inicia sesión en tu cuenta de Google Tag Manager y navega hasta el contenedor relevante.
    2. Haz clic en “Activadores” en la barra lateral izquierda y luego haz clic en el botón “+ Nuevo”.
    3. Nombra tu activador (por ejemplo, “Clic en Botón de Formulario de Contacto”).
    4. En “Configuración del Activador”, selecciona “Clic – Solo Enlaces” como tipo de activador.
    5. En “Se activa el activador”, selecciona “Algunos Clics” y configura los siguientes parámetros:
    • Elemento Clicado > coincide con selector CSS > .modalBox .message .subtitle
    • Elemento Clicado > no coincide con selector CSS > .modalBox .closeBtn
    1. Guarda el activador y luego crea una nueva etiqueta para tu código de seguimiento (por ejemplo, Google Analytics).
    2. En “Configuración de la Etiqueta”, selecciona el tipo de etiqueta adecuado y completa los campos necesarios con tu código de seguimiento.
    3. En “Activación”, selecciona tu activador recién creado.
    4. Guarda la etiqueta y luego haz clic en “Enviar” en la esquina superior derecha para publicar tus cambios.

    Con esto deberías configurar el seguimiento para tu botón de formulario de contacto. Ten en cuenta que los selectores CSS utilizados en la configuración del activador pueden necesitar ajustarse dependiendo de la estructura específica del código de tu sitio web.

Comments are closed.