Hacer un seguimiento de las conversiones en Elementor para WordPress usando Google Analytics 4 (GA4) puede parecer un desafío.
Aunque existen varios tutoriales en línea, muchos no logran ofrecer un enfoque integral y confiable.
En esta guía, exploraremos un método basado en capas de datos (data layers) y eventos de ventana (window events), evitando prácticas menos precisas, como cambios en el DOM o ajustes de visibilidad de elementos.
Servicios de SEO en Elementor
Requisitos Previos
Antes de comenzar con el proceso paso a paso, asegúrate de tener Google Analytics y Google Tag Manager (GTM) configurados correctamente en tu sitio web.
Se asume que tienes un conocimiento básico de ambas herramientas, y se recomienda el plugin Google Tag Manager para WordPress para integrar las capas de datos de manera sencilla.
Aprovechando Capas de Datos y Eventos de Ventana para Seguir las Conversiones en Formularios de Elementor
A diferencia de los métodos convencionales, este enfoque aprovecha el evento 'submit_success' que Elementor activa tras el envío exitoso de un formulario.
Este evento se produce en el objeto de la ventana, operando en segundo plano sin ser visible para los usuarios.
Agregar un Evento Personalizado a la Capa de Datos
Para implementar este seguimiento, usa el siguiente fragmento de código en el pie de página de tu sitio web. Puedes integrarlo modificando directamente el archivo footer.php (no recomendado por su riesgo), usando un widget HTML en el pie de página, o empleando el plugin Header Footer Code Manager (recomendado).
<script>
jQuery( document ).ready(function( $ ){
jQuery( document ).on('submit_success', function(e) {
const data = {
event: 'ElementorFormSubmitted',
}
dataLayer.push(data)
console.log('New dataLayer: ', dataLayer)
});
});
</script>
Este código escucha el evento 'submit_success', añadiendo un evento personalizado ('ElementorFormSubmitted') a la capa de datos (dataLayer).
GTM utilizará esto como desencadenador para notificar a Google Analytics sobre el envío exitoso del formulario.
Prueba de la Conversión del Envío del Formulario en Elementor
- Crea una nueva página en Elementor con un formulario (puede ser un formulario de un solo campo).
- Asigna un ID al formulario en las opciones adicionales.
- Guarda la página asegurándote de que el formulario no redirija a otra página tras su envío.
- Abre la página en una nueva pestaña y accede a la consola del navegador (Ctrl+Shift+J o Cmd+Shift+J).
- Envía el formulario y verifica que aparezca un nuevo objeto en la capa de datos con la clave
'event'y el valor'ElementorFormSubmitted'.
Si esto es exitoso, procede a configurar la parte de GTM.
Configuración de Google Tag Manager (GTM)
- Accede a GTM y ve a Variables > Configurar. Asegúrate de que las variables Evento, ID de formulario y Ruta de la página estén habilitadas.
- Luego, ve a Desencadenadores > Nuevo > Otro > Evento personalizado.
- Configura el nombre del evento como
'ElementorFormSubmitted'(o el nombre de evento personalizado que hayas elegido) y dale un nombre al desencadenador. Guarda el desencadenador.
Configuración de la Etiqueta de Google Analytics
- En GTM, ve a Etiquetas > Nueva > Google Analytics: Universal Analytics.
- Selecciona Evento como el tipo de seguimiento.
- Define la Categoría (por ejemplo, EnvíoFormulario).
- Haz clic en el ícono de bloque junto al campo de Acción, selecciona ID de formulario, y establece Ruta de la página como la etiqueta.
Prueba en Google Analytics
- Habilita la vista previa en GTM y verifica que todo funcione correctamente en los Eventos en Tiempo Real de Google Analytics.
- En GA4, asegúrate de que el evento esté siendo registrado y que los datos se transmitan correctamente desde GTM.
Conclusión: Importancia de Hacer Seguimiento a los Envíos de Formularios en Elementor
Este método, basado en capas de datos y eventos de ventana, ofrece una forma robusta y confiable de hacer seguimiento de los envíos de formularios en Elementor a través de Google Analytics 4 usando Google Tag Manager.
Al seguir estos pasos y personalizar según tus necesidades, los propietarios de sitios web y los especialistas en marketing pueden obtener información valiosa sobre las interacciones de los usuarios, medir el éxito de las campañas y tomar decisiones informadas para optimizar su presencia online.
Navegar por las complejidades de herramientas de desarrollo web como Elementor, Google Analytics y Google Tag Manager permite a las empresas mantenerse a la vanguardia en el cambiante entorno digital, asegurando una experiencia de usuario fluida y el cumplimiento de sus objetivos en línea con precisión.
