Problema formularios Elementor + Google Tag Manager + ReCaptcha V3 [SOLUCIONADO]

Indice

Artículo express solucionando un problema que me ha traído de cabeza con varios clientes en el último mes.

Si trabajas con los formularios de Elementor, tienes ReCaptcha y registras las conversiones desde Google Tag Manager… es posible que estés volviéndote loco y no sepas por qué han dejado de aparecerte las conversiones.

¿Te suena? Te dejo el vídeo y un poco más abajo el código que te va a salvar la vida, menda.

Problema: Recaptcha V3 bloquea el envío de formularios de Elementor

La situación es la siguiente: cuando tenemos activado el ReCaptcha de Google en nuestros formularios de Elementor, el método de envío deja de ser el estándar y Google Tag Manager no se entera cuando un formulario se envía.

Normalmente, nuestro disparador en Google Tag Manager tendría esta pinta:

Solución: avisar a Tag Manager con un evento alternativo

La solución pasa por lanzar un evento personalizado a Google Tag Manager cuando se envíe el formulario de Elementor.

¿Y cómo lo hacemos? Utilizando los códigos personalizados y un poquito de Javascript mágico

  1. Nos vamos a Elementor -> Códigos personalizados
  2. Añadimos uno nuevo y lo llamamos (por ejemplo) GTM forms
  3. Pegamos el código que te pongo aquí debajo
  4. Publicamos e indicamos que se muestre en toda la web o solo en las páginas donde tengamos formularios
<script>
jQuery(document).ready(function ($) {
    $( document ).on(
        // Forms.
        'submit_success',
        'form[class^="elementor-form"]',
        function ( event ) {
            var form   = $( this );
            window.dataLayer = window.dataLayer || [];
            window.dataLayer.push({
                'event': 'gtm.formSubmit',
                'gtm.elementId': form.prop('id')
            });
        }
    );
});
</script>

Extra: ajustando los Triggers de Tag Manager

Aunque en el vídeo me dejó un poco mal Google Tag Manager, es posible que esta solución siga sin funcionarte y no se disparen correctamente tus formularios.

Si es así, te recomiendo modificar los disparadores de «Form Submission» a «Custom Event», y dejarlo de esta manera:

Con esto ya sí que sí debería dispararse correctamente el evento y volver a registrar las conversiones en Google Analytics.

¡Ah! Un consejo más: si tienes un plugin de caché activado, borra caché antes de hacer las pruebas 😉

Notas:

  • Si no trabajas con ReCaptcha y Google Tag Manager, ignora este artículo
  • Si no usas los formularios de Elementor, ignora este artículo
  • Si no estás teniendo problemas con tus conversiones, ignora este artículo

Y hasta aquí el post rápido de hoy.

Facebook
Twitter
LinkedIn
Pinterest

Entradas relacionadas

📩 Vendiendo, que es gerundio

Tranquilidad, menda. No tenemos intención de vender (aún) Elemendas y hacer un exit de esos modernos. Aunque viendo el historial de Automattic estos meses… igual viene Matt con la chequera pronto a vernos. En fin, que nos ha quedado una newsletter muy “vendible” y no se nos ocurría mejor asunto.

Seguir leyendo »

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

👋¡Hola, menda!

¿Quieres hablar con nosotros sobre algún tema?, ¿o sugerirnos algún plugin? Escríbenos desde este formulario y te atenderemos lo antes posible.

  • Responsable: Santiago Becerra Carrillo, titular del website elemendas.com.
  • Finalidad: Responder a tu consulta.
  • Legitimación: Consentimiento del interesado (es decir, tú), al enviar el formulario.
  • Destinatarios: Los datos no se cederán a terceros salvo en los casos en que exista una obligación legal. En todo caso, los datos que nos facilitas están ubicados en servidores cuya sede se encuentra dentro del territorio de la UE o gestionados por Encargados de Tratamiento acogidos al acuerdo “Privacy Shield”, aprobado por el Comité Europeo de Protección de Datos. Nuestro proveedor de envío de mail es MailerLite.
  • Derechos: Acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la información adicional.
  • Este sitio está protegido por reCAPTCHA y se aplican la política de privacidad y términos del servicio de Google.