Nola jarraitu Elementuen inprimakien bidalketak Google Analytics gertaeretan JQuery erabiliz

Nola Jarraitu Elementor Inprimakiaren bidalketak Google Analytics gertaeretan

Azken asteotan bezeroen WordPress gune batean aritu naiz konplexutasun gutxi dituena. Erabiltzen ari dira WordPress to integrazioarekin ActiveCampaign eramangarriak eta a elikatzeko Zapier -rako integrazioa Zendesk Saldu arabera Elementor Inprimakiak. Sistema bikaina da ... informazioa eskatzen duten pertsonei tantaka kanpainak hastea eta eskatzen zaienean dagokion salmenta ordezkariari bultzada ematea. Oso harrituta nago Elementorren formaren malgutasunarekin eta itxurarekin.

Azken urratsa bezeroari analisi-panel bat ematea izan da Google Analytics-en bidez, inprimakiak bidaliz hilabetez hilabeteko errendimendua eskaintzen baitu. Google Tag Manager instalatuta daukate, beraz, dagoeneko merkataritza elektronikoko transakzioak eta gunean YouTube-ren jarduerak jasotzen ari gara.

Google Tag Manager-en DOM, abiarazleak eta gertaerak erabiltzen saiatu nintzen Elementor-en inprimakiaren aurkezpen arrakastatsua jasotzeko, baina ez nuen batere zorterik izan. Orria kontrolatzeko modu desberdin asko probatu ditut, AJAX bidez agertuko zen arrakasta mezua ikusi eta ez zuen funtzionatzen. Beraz ... Bilaketa batzuk egin nituen eta irtenbide bikaina aurkitu nuen Tracking Chef-i deituta Bulletproof Elementor formularioaren jarraipena GTM-rekin.

Gidoiak erabiltzen du jQuery eta Google Tag Manager-ek Google Analytics gertaera inprimakia behar bezala bidaltzen denean. Aldaketa txiki batzuekin eta sintaxiaren hobekuntza batekin, behar nuen guztia nuen. Hona hemen kodea:

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

Nahiko asmakorra da, aurkezpen arrakastatsua ikusi eta gero pasatzen da Formularioa kategoria gisa, helmugaren izena Ekintza gisa, eta Aurkezpena etiketa gisa. Helburua programatikoa eginez gero, kode hau orri bakoitzaren oinean edukitzea besterik ez duzu inprimakiaren bidalketa bat ikusteko. Beraz, ... inprimakiak gehitzen edo aldatzen dituzunean, ez duzu inoiz kezkatu behar script-a eguneratzeaz edo beste orrialde batean gehitzeaz.

Instalatu Script Elementor-en kode pertsonalizatua

Agentzia bazara, biziki gomendatuko nizueke berritzea eta Elementor erabiltzea zure bezero guztientzat. Plataforma sendoa da eta bazkideen integrazio kopuruak gora egiten jarraitzen du. Lotu bezalako plugin batekin Harremanetarako DB inprimakia eta inprimakiaren bidalketa guztiak ere jaso ditzakezu.

Element Pro scriptak kudeatzeko aukera bikaina dago bertan. Hona hemen nola sartu zure kodea:

Elementor pertsonalizatutako kodea

  • nabigatu Elementor> Pertsonalizatutako kodea
  • Izena zure kodea
  • Ezarri kokapena, kasu honetan amaiera gorputz etiketa.
  • Ezarri lehentasuna script bat baino gehiago sartu nahi baduzu eta horien ordena ezarri nahi baduzu.

Elementor formularioa GA gertaerara bidaltzea GTM bidez

  • Egin klik eguneratu
  • Baldintza ezartzeko eta orrialde guztien lehenetsian jartzeko eskatuko zaizu.
  • Freskatu cachea eta zure scripta zuzenean dago!

Aurreikusi Google Tag Manager-en integrazioa

Google Tag Manager-ek mekanismo bikaina du arakatzailearen instantzia batera konektatzeko eta zure kodea probatzeko aldagaiak behar bezala bidaltzen diren edo ez ikusteko. Hori ezinbestekoa da, Google Analytics ez delako denbora errealean. Probatu eta probatu eta probatu dezakezu eta benetan etsita zaude datuak Google Analytics-en agertzen ez direlako horretaz konturatzen ez bazinen.

Hemen ez dut tutorialik emango nola egin aurrebista eta arazketa Google Tag Manager... badakizula suposatuko dut. Nire inprimakia konektatutako proba orrian bidal dezaket eta GTM datuetara bidalitako datuak behar diren moduan ikusi ditzaket:

google etiketa kudeatzailearen datu geruza

Kasu honetan, kategoria Inprimaki gisa kodeketa gogorra izan zen, helburua Jarri harremanetan gurekin formularioa zen eta etiketa Bidalketa da.

Google Tag Manager zerbitzuan Konfiguratu datuen aldagaiak, gertaera, abiarazlea eta etiketa

Honen azken urratsa aldagai horiek harrapatzeko eta gertaera baterako konfiguratutako Google Analytics etiketara bidaltzeko Google Tag Manager konfiguratzea da. Elad Levy-k urrats hauek zehazten ditu bere beste mezu batean - Gertaeren jarraipen orokorra Google Tag Manager-en.

Horiek konfiguratu ondoren, Google Analytics-eko Gertaerak ikusi ahal izango dituzu!

Lortu Elementor Pro

Dibulgazioa: Artikulu honetan zehar nire afiliatuen estekak erabiltzen ari naiz.

Zer deritzozu?

Gune honek Akismet-ek spam erabiltzen du. Ikasi zure iruzkina nola prozesatu den.