Configurar Etiqueta de conversión de Google Ads y Tag Manager para ContactForm7

Obtener los IDs de Google Ads

Antes de ir a Google Tag Manager (GTM), necesitas dos datos fundamentales de tu cuenta de Google Ads:

• Ve a Objetivos > Conversiones > Resumen.
• Crea (o abre) la conversión de "Envío de formulario de contacto".
• En "Configuración de la etiqueta", elige Usar Google Tag Manager.
• Copia el ID de conversión y la Etiqueta de conversión (el label).

Crear el "Escuchador" en WordPress

Primero, debemos decirle a WordPress que avise a GTM cuando alguien envíe el formulario. Debes pegar este código en tu sitio (puede ser en el archivo footer.php justo antes de cerrar la etiqueta </body> o mediante un plugin de "Scripts & Headers"):

<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
  window.dataLayer = window.dataLayer || [];
  window.dataLayer.push({
    'event': 'cf7_submission',
    'form_id': event.detail.contactFormId
  });
}, false );
</script>

Este código crea un evento personalizado llamado cf7_submission directamente en la capa de datos (Data Layer) de tu sitio web.

Configurar el Activador (Trigger) en GTM

Ahora vamos a GTM para que entienda ese evento que acabamos de crear:

• Ve a Activadores > Nuevo.
• Tipo de activador: Evento personalizado.
• Nombre del evento: cf7_submission (debe ser escrito exactamente igual al del código anterior).
• Configúralo para que se active en Todos los eventos personalizados.
• Ponle un nombre claro a tu activador, como por ejemplo: Evento - CF7 Enviado.

Configurar la Etiqueta de Conversión en GTM

Como ya creamos el Activador (cf7_submission) en el paso anterior, solo nos falta configurar la etiqueta final:

• En GTM, ve a Etiquetas > Nueva.
• Tipo de etiqueta: Seguimiento de conversiones de Google Ads.
• Pega el ID de conversión y la Etiqueta de conversión que copiaste de Google Ads en el Paso 1.
• Activación: Selecciona el mismo activador que creamos antes: Evento - CF7 Enviado.