Kouman swiv Elementor Fòm Soumèt nan Evènman Google Analytics lè l sèvi avèk JQuery

Kijan Pou Swiv Soumèt Fòm Elementor nan Evènman Google Analytics

Mwen te ap travay sou yon sit WordPress kliyan pou semèn ki sot pase yo ki gen byen yon konpleksite kèk. Yo ap itilize WordPress ak yon entegrasyon nan ActiveCampaign pou antretyen kondwi ak yon Zapier entegrasyon nan Zendesk Vann pa Fòm Elementor. Li se yon sistèm gwo ... anvwaye kanpay degoute bay moun ki mande enfòmasyon ak pouse yon plon nan reprezantan ki apwopriye lavant lè yo mande yo. Mwen vrèman enpresyone ak fleksibilite fòm Elementor a ak gade ak santi.

Dènye etap la te bay yon tablodbò analytics pou kliyan an atravè Google Analytics ki bay yo ak pèfòmans mwa-sou-mwa sou soumèt fòm. Yo gen Google Tag Manadjè enstale, se konsa nou deja kaptire tranzaksyon e-commerce ak aktivite YouTube wè sou sit la.

Mwen te fè plizyè tantativ pou itilize DOM, deklannche, ak evènman nan Google Tag Manadjè pou kaptire soumèt fòm siksè pou Elementor men pa t 'gen okenn chans ditou. Mwen teste yon tòn diferan fason pou kontwole paj la, gade mesaj siksè ki ta popup atravè AJAX epi li jis pa t 'ap travay. Se konsa, ... Mwen te fè kèk rechèch epi yo te jwenn yon solisyon gwo soti nan Tracking Chef, yo rele Bal fòm Suivi eleman ak GTM.

Script la itilize jQuery ak Google Tag Manadjè pouse Evènman Google Analytics lè yo soumèt fòm lan avèk siksè. Avèk kèk modifikasyon minè ak yon sèl amelyorasyon sentaks, mwen te gen tout bagay mwen bezwen. Isit la nan kòd la:

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

Li trè enjenyeu, l ap gade pou soumèt a siksè, Lè sa a, pase Fòm kòm kategori a, la non destinasyon kòm Aksyon an, ak Submission kòm etikèt la. Pa fè sib la pwogramatik, ou ka senpleman gen kòd sa a nan pye a nan chak paj yo obsève yon soumèt fòm. Se konsa, ... jan ou ajoute oswa modifye fòm, ou pa janm gen enkyete sou mete ajou script la ni ajoute li nan yon lòt paj.

Enstale Script la via Elementor Custom Kòd

Si ou se yon ajans, mwen ta trè rekòmande ajou a san limit ak itilize Elementor pou tout kliyan ou yo. Li se yon platfòm solid ak kantite entegrasyon patnè kontinye ap monte. Koup li ak yon Plugin tankou Fòm kontak DB epi ou ka kolekte tou tout soumèt fòm ou yo.

Eleman Pro gen yon opsyon jesyon script gwo bati dwa pous Men ki jan ou ka antre nan kòd ou a:

Elementor Custom Kòd

  • navige nan Eleman> Kòd Custom
  • Non kòd ou an
  • Mete kote a, nan ka sa a nan fen an tag kò.
  • Mete yon priyorite si ou gen plis pase yon script ou vle insert epi mete lòd yo.

Soumèt Fòm Elementor nan GA Evènman via GTM

  • Klike sou aktyalizasyon
  • Ou pral mande yo mete kondisyon an ak jis mete l 'nan default la nan tout paj yo.
  • Rafrechi kachèt ou ak script ou a ap viv!

Previz Entegrasyon Google Manadjè Tag ou an

Google Manadjè Tag gen yon mekanis kokenn pou konekte nan yon egzanp navigatè ak aktyèlman tès kòd ou a obsève si wi ou non varyab yo ke yo te byen voye. Sa a esansyèl paske Google Analytics se pa an tan reyèl. Ou ka teste ak tès ak tès ak reyèlman jwenn fristre ke done yo pa montre moute nan Google Analytics si ou pa t 'reyalize sa a.

Mwen pa pral bay yon leson patikilye isit la sou kòman yo fè preview ak debug Google Manadjè Tag... Mwen pral asime ou konnen. Mwen ka soumèt fòm mwen an sou paj tès konekte mwen an ak wè done yo pouse nan done yo GTM jan li bezwen yo dwe:

google tag manadjè kouch done

Nan ka sa a, kategori a te difisil-kode kòm Fòm, sib la te fòm nan Kontakte nou, ak etikèt la se Soumèt.

Nan Google Tag Manadjè mete kanpe Variables Done, Evènman, deklanche, ak Tag

Dènye etap la sou sa a se yo mete kanpe Google Tag Manadjè pran varyab sa yo epi voye yo nan yon Google Analytics Tag mete kanpe pou yon evènman. Elad Levy detay etap sa yo nan pòs lòt l 'yo - Jenerik Suivi Evènman Nan Manadjè Tag Google.

Yon fwa ke yo mete kanpe, ou pral kapab wè Evènman yo nan Google Analytics!

Jwenn Elementor Pro

Divilgasyon: Mwen ap itilize lyen afilye mwen nan tout atik sa a.

4 Kòmantè

  1. 1
  2. 3

Ki sa ou panse?

Sit sa a sèvi ak Akismet diminye Spam. Aprann kijan kòmantè ou a trete.