Si të gjurmoni dorëzimet e formularit Elementor në Ngjarjet e Google Analytics duke përdorur JQuery

Si të gjurmoni paraqitjet e formularit Elementor në Ngjarjet e Google Analytics

Unë kam punuar në një faqe klienti WordPress për javët e fundit që ka mjaft kompleksitete. Ata janë duke përdorur WordPress me një integrim në ActiveCampaign për edukimin e drejtimeve dhe a Zapier integrimi në Zendesk Shitet nga Format ElementorMe Ashtë një sistem i shkëlqyeshëm ... fillimi i fushatave pikuese për njerëzit që kërkojnë informacion dhe shtyn drejtimin tek përfaqësuesi i duhur i shitjeve kur kërkohet. Unë jam vërtet i impresionuar me fleksibilitetin dhe pamjen dhe ndjesinë e Elementor.

Hapi i fundit ishte sigurimi i një pulti analitik për klientin përmes Google Analytics që u siguroi atyre performancë muaj pas muaji në dorëzimin e formularit. Ata kanë Google Tag Manager të instaluar, kështu që ne tashmë po kapim transaksionet e tregtisë elektronike dhe aktivitetin e shikimit të YouTube në sit.

Kam bërë disa përpjekje për të përdorur DOM, shkaktarët dhe ngjarjet brenda Google Tag Manager për të kapur paraqitjen e formularit të suksesshëm për Elementor, por nuk kisha fat fare. Kam testuar një shumë mënyra të ndryshme për të monitoruar faqen, duke parë mesazhin e suksesit që do të dilte përmes AJAX dhe thjesht nuk po funksiononte. Kështu ... Unë bëra disa kërkime dhe gjeta një zgjidhje të shkëlqyeshme nga Tracking Chef, e quajtur Forma Elementor antiplumb gjurmimi me GTM.

Skenari përdor jQuery dhe Google Tag Manager për të shtyrë Ngjarja e Google Analytics kur formulari të dorëzohet me sukses. Me disa ndryshime të vogla dhe një përmirësim sintaksor, kisha gjithçka që më duhej. Këtu është kodi:

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

Prettyshtë mjaft gjeniale, të shikosh për paraqitjen e suksesshme, pastaj të kalosh Formë si kategori, emri i destinacionit si Veprimi, dhe Nënshtrim si etiketë. Duke e bërë programin e synuar, thjesht mund ta keni këtë kod në fundin e çdo faqe për të vëzhguar një dorëzim të formularit. Pra ... ndërsa shtoni ose modifikoni format, nuk duhet të shqetësoheni për azhurnimin e skriptit dhe as shtimin e tij në një faqe tjetër.

Instaloni Script përmes kodit të personalizuar të Elementor

Nëse jeni një agjenci, unë do të rekomandoja shumë azhurnimin dhe përdorimin e pakufizuar të Elementor për të gjithë klientët tuaj. Shtë një platformë solide dhe numri i integrimeve partnere vazhdon të rritet në qiell. Çiftojeni atë me një Plugin like Formulari i Kontaktit DB dhe gjithashtu mund të mbledhni të gjitha paraqitjet e formularit tuaj.

Elementor Pro ka një opsion të shkëlqyeshëm për menaxhimin e skripteve të integruar. Ja se si mund të futni kodin tuaj:

Kodi me porosi Elementor

  • Shkoni tek Elementor> Kodi i personalizuar
  • Emërtoni kodin tuaj
  • Vendosni vendndodhjen, në këtë rast fundin etiketa e trupit.
  • Vendosni një përparësi nëse keni më shumë se një skenar që dëshironi të futni dhe vendosni rendin e tyre.

Formulari Elementor Paraqitja në GA Event përmes GTM

  • Klikoni përditësimin
  • Do t'ju kërkohet të vendosni kushtin dhe thjesht ta vendosni në parazgjedhjen e të gjitha faqeve.
  • Rifreskoni cache -in tuaj dhe skenari juaj është drejtpërdrejt!

Shikoni paraprakisht integrimin tuaj në Menaxherin e Etiketave të Google

Menaxheri i etiketave të Google ka një mekanizëm fantastik për t'u lidhur me një shembull të shfletuesit dhe në të vërtetë teston kodin tuaj për të vëzhguar nëse ndryshoret po dërgohen ose jo. Kjo është thelbësore sepse Google Analytics nuk është në kohë reale. Ju mund të provoni dhe testoni dhe testoni dhe vërtet të frustroheni që të dhënat nuk shfaqen në Google Analytics nëse nuk e kuptoni këtë.

Unë nuk do të ofroj një tutorial këtu se si shikoni dhe korrigjoni Menaxherin e Etiketave të Google… Unë do të supozoj se e dini. Unë mund të dorëzoj formularin tim në faqen time të testimit të lidhur dhe të shoh të dhënat e shtyra në të dhënat GTM ashtu siç duhet të jenë:

shtresa e të dhënave të menaxherit të etiketave të Google

Në këtë rast, kategoria ishte e koduar si Formë, objektivi ishte formulari Na Kontaktoni dhe etiketa është Paraqitje.

Në Menaxherin e Etiketave të Google Vendosni Variablat e të Dhënave, Ngjarjen, Shkaktarin dhe Etiketën

Hapi i fundit për këtë është krijimi i Google Tag Manager për të kapur ato ndryshore dhe dërguar ato në një etiketë të Google Analytics të krijuar për një ngjarje. Elad Levy detajon këto hapa në postimin e tij tjetër - Ndjekja e Përgjithshme e Ngjarjeve Në Menaxherin e Etiketave të Google.

Pasi të vendosen, do të keni mundësi të shihni Ngjarjet në Google Analytics!

Merrni Elementor Pro

Zbulimi: Po përdor lidhjet e mia të anëtarësimit gjatë gjithë këtij artikulli.

6 Comments

  1. 1
  2. 3
  3. 5

Çfarë mendoni ju?

Kjo faqe përdor Akismet për të reduktuar spamin. Mësoni se si përpunohet komenti juaj.