Giunsa Pagsubay ang Mga Pagsumite sa Elementor Form sa Mga Panghitabo sa Google Analytics gamit ang JQuery

Giunsa Pagsubay ang Mga Pagsumite sa Elementor Form sa Mga Hinabo sa Google Analytics

Nagtrabaho ako sa usa ka kliyente nga site sa WordPress sa katapusang pipila ka mga semana nga adunay daghang pagkakumplikado. Gigamit nila WordPress nga adunay usa ka panagsama sa ActiveCampaign alang sa pag-alima sa mga lead ug a Zapier paghiusa sa Pagbaligya sa Zendesk pinaagi sa Mga Elemento nga Porma. Kini usa ka maayo nga sistema… pagsugod sa drip nga mga kampanya sa mga tawo nga nangayo kasayuran ug pagduso sa tingga sa angayan nga representante sa pamaligya kung gihangyo. Nakadayeg gyud ako sa pagka-flexible sa porma sa Elementor ug hitsura ug pamati.

Ang katapusang lakang mao ang paghatag usa ka analytics dashboard alang sa kliyente pinaagi sa Google Analytics nga naghatag kanilag usa ka bulan nga nahimo nga paghimo sa mga pagsumite sa porma. Adunay sila naka-install nga Google Tag Manager, busa nakakuha na kami og mga transaksyon sa e-commerce ug kalihokan sa pagtan-aw sa YouTube sa site.

Daghang mga pagsulay ang akong gihimo aron magamit ang DOM, mga hinungdan, ug hitabo sa sulud sa Google Tag Manager aron makuha ang malampuson nga pagsumite sa porma alang sa Elementor apan wala gyud swerte. Gisulayan nako ang usa ka tonelada nga lainlaing mga paagi aron ma-monitor ang panid, nagtan-aw alang sa mensahe sa kalampusan nga ma-popup pinaagi sa AJAX ug wala kini molihok. Mao nga… Nagpangita ako ug nakit-an ang usa ka maayong solusyon gikan sa Tracking Chef, nga gitawag Ang pagsubay sa porma sa Bulletproof Elementor nga adunay GTM.

Gigamit ang script jQuery ug Google Tag Manager aron iduso ang Hinabo sa Google Analytics kung ang porma malampuson nga gisumite. Sa pila ka gagmay nga pag-edit ug us aka pagpaayo sa syntax, nabatonan ko ang tanan nga kinahanglan nako. Ania ang code:

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

Kini maayo nga kinaadman, nagtan-aw alang sa malampuson nga pagsumite, pagkahuman sa pagpasa porma ingon nga kategorya, ang ngalan sa padulngan ingon ang Lihok, ug pagpasakop ingon ang marka. Pinaagi sa paghimo sa target nga programa, mahimo nimo kini nga code sa footer sa matag panid aron maobserbahan ang usa ka pagsumite sa porma. Mao nga… sa imong pagdugang o pagbag-o sa mga porma, dili ka mabalaka bahin sa pag-update sa iskrip o pagdugang niini sa laing panid.

I-install Ang Script Pinaagi sa Elementor Custom Code

Kung ikaw usa ka ahensya, girekomenda ko ang wala’y kutub nga pag-upgrade ug paggamit sa Elementor alang sa tanan nimong kliyente. Kini usa ka solido nga plataporma ug ang gidaghanon sa mga kauban nga panagsama nagpadayon sa pag-skyrocket. Igpares kini uban ang gusto sa usa ka Plugin Pakigsulti sa Porma DB ug mahimo usab nimong kolektahon ang tanan nimong mga pagsumite sa porma.

Ang Elementor Pro adunay usa ka maayo nga kapilian sa pagdumala sa script nga gitukod diha mismo. Ania kung giunsa nimo masulud ang imong code:

Elementor Custom Code

  • Pagdala ngadto Elementor> Custom Code
  • Igngalan ang imong code
  • Ibutang ang lokasyon, sa kini nga kaso ang katapusan tag sa lawas.
  • Paghimo usa ka prayoridad kung adunay ka labaw sa usa ka iskrip nga gusto nimong isulud ug itakda ang han-ay sa kanila.

Pagsumite sa Elementor Form sa GA Event pinaagi sa GTM

  • Pag-klik sa update
  • Hangyoon ka nga itakda ang kondisyon ug ibutang lang kini sa default sa tanan nga mga panid.
  • I-refresh ang imong cache ug mabuhi ang imong script!

Pag-preview sa Imong Paghiusa sa Google Tag Manager

Ang Google Tag Manager adunay us aka maayo nga mekanismo alang sa pagkonektar sa usa ka pananglitan sa browser ug tinuud nga gisulayan ang imong code aron maobserbahan kung gipadala o dili ang mga variable. Hinungdanon kini tungod kay ang Google Analytics dili tinuod nga oras. Mahimo nimong sulayan ug sulayan ug sulayan ug mahigawad gyud nga ang datos dili ipakita sa Google Analytics kung wala nimo nahibal-an kini.

Dili ako maghatag usa ka panudlo dinhi kung giunsa preview ug pag-debug sa Google Tag Manager… Akong hunahunaon nga nahibal-an nimo. Mahimo nako isumite ang akong porma sa akong konektado nga panid sa pagsulay ug makita ang datos nga giduso sa datos sa GTM ingon kinahanglan kini:

layer sa datos sa tag manager sa google

Sa kini nga kaso, ang kategorya lisud nga naka-code ingon Porma, ang target mao ang porma sa Pag-contact sa amon, ug ang marka mao ang Pagsumite.

Sa Google Tag Manager Pag-set up Mga Variable sa Data, Hinabo, Trigger, ug Tag

Ang katapusan nga lakang niini mao ang pag-set up sa Google Tag Manager aron makuha ang kana nga mga variable ug ipadala kini sa usa ka gi-set up nga Google Analytics Tag alang sa usa ka kalihokan. Gidetalye ni Elad Levy kini nga mga lakang sa iyang uban pa nga post - Generic nga Pagsunud sa Kaganapan Sa Google Tag Manager.

Kung nahuman na ang mga kana, makita na nimo ang mga Hinabo sa Google Analytics!

Kuhaa ang Elementor Pro

Pagpadayag: Gigamit nako ang akong mga kauban nga kauban sa tibuuk nga kini nga artikulo.

Unsay imong hunahuna?

Kini nga site naggamit sa Akismet sa pagpakunhod sa spam. Hibal-i kon giunsa ang pagproseso sa datos sa imong komento.