Cumu seguitu Elementor Form Submissions in Google Analytics Events cù JQuery

Cume Traccia Elementi Inviamenti di Forma in Eventi Google Analytics

Aghju travagliatu nantu à un situ WordPress cliente per l'ultime settimane chì hà parechje cumplessità. Usanu WordPress cù una integrazione à ActiveCampaign per nutre i conduttori è a Zapier integrazione à Zendesk Vendite attraversu Forme Elementor. Hè un grande sistema ... lancià e campagne di gocciolamentu à e persone chì richiedenu informazioni è spingendu un capu à u rapprisentante di vendita pertinente quandu hè dumandatu. Sò veramente impressiunatu cù a flessibilità di a forma di Elementor è l'aspettu.

L'ultimu passu era di furnisce un pannellu analiticu per u cliente via Google Analytics chì li furnia prestazioni di mese in mese nantu à l'inviu di u modulu. Anu stallatu Google Tag Manager, allora avemu dighjà catturatu transazzioni di e-commerce è attività di visualizazione YouTube in u situ.

Aghju fattu parechji tentativi per aduprà DOM, triggers, è eventi in Google Tag Manager per catturà a presentazione di u successu di u modulu per Elementor ma ùn aghju avutu furtuna. Aghju pruvatu una mansa di diversi modi per monitorà a pagina, fighjendu u messaghju di successu chì emergerà via AJAX è ùn funzionava micca solu. Cusì ... Aghju fattu qualchì ricerca è aghju trovu una bella suluzione da Tracking Chef, chjamatu Pruvenimentu di balise Elementorproofing cù GTM.

U script usa jQuery è Google Tag Manager per spinghje u Avvenimentu Google Analytics quandu u modulu hè inviatu cù successu. Cù alcune modifiche minori è una migliurazione di sintassi, aghju avutu tuttu ciò chì avia bisognu. Eccu u codice:

<script>
jQuery(document).ready(function($) {
    $(document).on('submit_success', function(evt) {
      window.dataLayer = window.dataLayer || [];
      window.dataLayer.push({
            'event': 'ga_event',
            'eventCategory': 'Form ',
            'eventAction': evt.target.name,
            'eventLabel': 'Submission'
        });
    });
});
</script>

Hè abbastanza ingenuu, fighjendu a presentazione riesciuta, dopu passendu form cum'è a categuria, u nome di destinazione cum'è l'Azione, è Suttumettu un prugettu cum'è l'etichetta. Facendu u prugrammaticu di destinazione, pudete semplicemente avè stu codice in u footer di ogni pagina per osservà una presentazione di forma. Dunque ... mentre aghjunghjite o mudificate e forme, ùn avete mai da preoccupassi di l'aghjurnamentu di u script nè di l'aghjunghje à un'altra pagina.

Installa u Script Via Elementor Custom Code

Sè site una agenzia, ricumandemu vivamente l'upgrade illimitatu è aduprendu Elementor per tutti i vostri clienti. Hè una piattaforma solida è u numeru di integrazioni di partner continua à aumentà. Accoppiallu cù un Plugin cum'è Forma di Cuntattu DB è pudete ancu raccoglie tutte e vostre presentazioni di forma.

Element Pro hà una bella opzione di gestione di script integrata ghjustu. Eccu cumu pudete inserisce u vostru còdice:

Elementor Codice Personalizatu

  • Navigate à Elementor> Codice persunalizatu
  • Nome u vostru còdice
  • Impostate u locu, in questu casu a fine tag di corpu.
  • Determinate una priorità se avete più di un script chì vulete inserisce è stabilisce l'ordine di elli.

Sottomissione Elementor Form à GA Event via GTM

  • Cliccate nantu à l'aghjurnamentu
  • Vi sarà dumandatu di definisce a cundizione è ghjustu di impostà a predefinita di tutte e pagine.
  • Rinfriscate a vostra cache è u vostru script hè in diretta!

Preview A vostra Integrazione di Google Tag Manager

Google Tag Manager hà un fantasticu mecanismu per cunnette vi à un esempiu di navigatore è pruvà in realtà u vostru còdice per osservà sì e variabili sò state inviate currettamente o micca. Questu hè essenziale perchè Google Analytics ùn hè micca in tempu reale. Pudete pruvà è pruvà è pruvà è veramente frustratu chì i dati ùn sò micca visualizzati in Google Analytics se ùn avete micca capitu questu.

Ùn vogliu micca furnisce un tutoriale quì nantu à cume antìcipu è debug Google Tag Manager... Aghju da suppone chì a sapete. Puderaghju invià a mo forma in a mo pagina di test cunnessa è vede i dati spinti à i dati GTM cume deve esse:

layer di dati di Google Tag Manager

In questu casu, a categuria era codificata duramente cum'è Forma, l'ughjettivu era u modulu Cuntattaci, è l'etichetta hè Presentazione.

In Google Tag Manager Configurate e variabili di dati, Eventu, Trigger è Tag

L'ultimu passu nantu à questu hè di configurà Google Tag Manager per catturà quelle variabili è invialle à una Google Analytics Tag creata per un avvenimentu. Elad Levy detalla questi passi in u so altru post - Seguimentu Genericu di Avvenimenti In Google Tag Manager.

Una volta chì quelli sò stallati, puderete vede l'eventi in Google Analytics!

Uttenite Elementor Pro

Disclosure: Usu i mo ligami affiliati in tuttu questu articulu.

2 Comments

  1. 1

Chì ne pensi?

Stu situ utilizeghja Akismet per reducisce u puzzicheghju. Sapete ciò chì i dati di i vostri dati è processatu.