Form Tracking su WordPress: Oltre il 'Click' Trigger

Se state ancora tracciando i moduli di contatto usando "Click Text equals Invia", smettete subito. State inquinando i vostri dati. Un utente clicca "Invia", il form dà errore "Email non valida", ma GA4 segna +1 Conversione. Disastro.

La soluzione è ascoltare la risposta del server (o del JS front-end) che dice "Ok, tutto a posto". Ecco come farlo per i plugin WordPress più comuni.

Contact Form 7: Il Classico

CF7 è gentile. Emette un evento DOM nativo chiamato wpcf7mailsent. Create un tag Custom HTML in GTM (attivato su "All Pages") e incollate:

document.addEventListener('wpcf7mailsent', function(event) {
  window.dataLayer.push({
    'event': 'form_success',
    'formId': event.detail.contactFormId,
    'formType': 'CF7'
  });
});

Ora create un Trigger "Custom Event" su form_success. Pulito, infallibile.

Forminator: Il Moderno (jQuery)

Forminator è più complesso. Usa jQuery per gestire gli eventi. Dovete agganciarvi al suo ciclo di vita:

(function($) {
  $(document).on('forminator:form:submit:success', function(e, formData) {
    window.dataLayer.push({
      'event': 'form_success',
      'formType': 'Forminator',
      // Forminator non passa l'ID direttamente in modo pulito qui, 
      // spesso bisogna estrarlo dal contesto o dal DOM
    });
  });
})(jQuery);

WPForms: Il Difficile

WPForms (versione base) non espone eventi DOM chiari per il successo. La strategia migliore qui è un mix:

1. Usare la "Thank You Page" (Redirect) se possibile. È il metodo più robusto per WPForms Lite.
2. Se usate AJAX, dovete ascoltare il submit generico e verificare se nel DOM appare il messaggio di conferma.

Non fidatevi mai del click. Fidatevi solo dell'evento di successo.