Kiel Spuri Elementor-Submetadojn en Google Analytics-Eventoj per JQuery

Kiel Spuri Elementor-Submetadojn en Google Analytics-Eventoj

Mi laboris pri klienta WordPress-retejo dum la lastaj semajnoj, kiu havas sufiĉe multajn kompleksecojn. Ili uzas WordPress kun integriĝo al ActiveCampaign por nutri kondukojn kaj a Zapier integriĝo al Zendesk Vendi tra Elementor-Formoj. Ĝi estas bonega sistemo ... lanĉi gutajn kampanjojn al homoj, kiuj petas informojn, kaj antaŭenpuŝi la taŭgan vendan reprezentanton kiam oni petas. Mi vere impresas min pri la fleksebleco kaj aspekto de Elementor.

La lasta paŝo estis provizi analizan panelon por la kliento per Google Analytics, kiu provizis al ili monat-post-monatan agadon pri senditaj formularoj. Ili havas Google Tag Manager instalitan, do ni jam kaptas retkomercajn transakciojn kaj YouTube-agadon en la retejo.

Mi faris plurajn provojn uzi DOM, ellasilojn kaj eventojn ene de Google Tag Manager por kapti la sukcesan formularon por Elementor sed tute ne havis bonŝancon. Mi provis multajn diversajn manierojn kontroli la paĝon, serĉante la sukcesan mesaĝon, kiu aperus per AJAX kaj ĝi simple ne funkciis. Do ... mi iom serĉis kaj trovis bonegan solvon de Spuranta Kuiristo, nomata Kuglorezista Elementa formularo-spurado per GTM.

La skripto uzas jQuery kaj Google Tag Manager por puŝi la Evento de Google Analytics kiam la formularo estos sukcese sendita. Kun iuj malgrandaj redaktoj kaj unu sintaksa plibonigo, mi havis ĉion, kion mi bezonis. Jen la kodo:

<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>

Ĝi estas sufiĉe sprita, atentante pri la sukcesa sendado, poste pasanta formo kiel la kategorio, la celloko kiel la Ago, kaj submetiĝo kiel la etikedo. Per programado de la celo, vi povas simple havi ĉi tiun kodon en la piedlinio de ĉiu paĝo por observi formularon. Do ... dum vi aldonas aŭ modifas formularojn, vi neniam devas zorgi pri ĝisdatigo de la skripto nek aldono de ĝi al alia paĝo.

Instalu La Skripton Per Propra Kodo Elementor

Se vi estas agentejo, mi forte rekomendus la senliman ĝisdatigon kaj uzadon de Elementor por ĉiuj viaj klientoj. Ĝi estas solida platformo kaj la nombro da partneraj integriĝoj daŭre eksplodas. Kunigu ĝin kun kromaĵo kiel Kontakta Formo DB kaj vi ankaŭ povas kolekti ĉiujn viajn formularojn.

Elementa Avantaĝo havas bonegan skript-administran opcion enkonstruita ĝuste. Jen kiel vi povas enigi vian kodon:

Propra Kodo de Elementor

  • Iru al Elementor> Propra Kodo
  • Nomu vian kodon
  • Agordu la lokon, ĉi-kaze la finon korpetikedo.
  • Agordi prioritaton se vi havas pli ol unu skripton, kiun vi volas enmeti kaj agordi ilian ordon.

Submetado de Elementor-Formo al GA-Evento per GTM

  • Alklaku ĝisdatigon
  • Oni petos vin agordi la kondiĉon kaj nur agordi ĝin al la apriora de ĉiuj paĝoj.
  • Refreŝigu vian kaŝmemoron kaj via skripto vivas!

Antaŭrigardi Vian Gugelan Tag-Administran Integriĝon

Google Tag Manager havas mirindan me mechanismanismon por konekti al retumila kazo kaj efektive testi vian kodon por observi ĉu la variabloj estas ĝuste senditaj aŭ ne. Ĉi tio estas esenca ĉar Google Analytics ne estas realtempa. Vi povas provi kaj testi kaj testi kaj vere ĉagreniĝi, ke la datumoj ne aperas en Google Analytics se vi ne rimarkis tion.

Mi ne provizos lernilon ĉi tie pri kiel antaŭrigardi kaj elpurigi Google Tag Manager... Mi supozos, ke vi scias. Mi povas sendi mian formularon en mia ligita testpaĝo kaj vidi la datumojn puŝitajn al la GTM-datumoj kiel necesas:

datuma tavolo de google tag-administrilo

Ĉi-kaze la kategorio estis malmulte kodita kiel Formo, la celo estis la formularo Kontaktu nin, kaj la etikedo estas Submetiĝo.

En Google Tag Manager Agordu Datumajn Variablojn, Eventon, Ellasilon kaj Etikedon

La lasta paŝo pri tio estas agordi Google Tag Manager por kapti tiujn variablojn kaj sendi ilin al Google Analytics Tag aranĝita por evento. Elad Levy detaligas ĉi tiujn paŝojn en sia alia afiŝo - Senmarka Eventa Spurado En Google Tag Manager.

Post kiam tiuj estos starigitaj, vi povos vidi la Eventojn en Google Analytics!

Akiru Elementor Pro

Rivelo: Mi uzas miajn filiajn ligojn tra ĉi tiu artikolo.

Kion vi pensas?

Ĉi tiu retejo uzas Akismeton por redukti spamon. Lernu, kiel via komento datiĝas.