JQuery istifadə edərək Google Analytics Hadisələrində Elementor Form Təqdimatlarını Necə İzləmək olar

Google Analytics Hadisələrində Elementor Form Təqdimatlarını Necə İzləmək olar

Son bir neçə həftə ərzində kifayət qədər mürəkkəbliyi olan bir müştəri WordPress saytı üzərində işləyirəm. İstifadə edirlər WordPress ilə inteqrasiya ilə ActiveCampaign aparıcıları tərbiyə etmək üçün və a Zapier ilə inteqrasiya Zendesk Satilir vasitəsilə Elementor formaları. Əla bir sistemdir ... məlumat tələb edən insanlara damcı kampaniyalarını başlatmaq və istədikdə uyğun satış nümayəndəsinə müraciət etmək. Elementorun forma elastikliyindən və görünüşündən və hissindən həqiqətən təsirləndim.

Son addım, Google Analytics vasitəsi ilə müştəri üçün forma təqdimatında aylıq performans təmin edən bir analitik tablosu təmin etmək idi. Onlarda Google Etiket Meneceri quraşdırılıb, buna görə də artıq saytda e-ticarət əməliyyatlarını və YouTube baxış fəaliyyətini çəkirik.

Elementor üçün müvəffəqiyyətli bir forma təqdim etmək üçün Google Etiket Menecerində DOM, tetikleyiciler və hadisələrdən istifadə etmək üçün bir neçə cəhd etdim, amma heç bir şansım olmadı. Səhifəni izləmək üçün bir çox fərqli yolu sınadım, AJAX vasitəsilə açılacaq uğur mesajını izlədim və sadəcə işləmədi. Beləliklə ... bir az araşdırdım və İzləmə Aşpazından əla bir həll tapdım GTM ilə Bulletproof Elementor forma izləmə.

Ssenari istifadə edir jQuery və Google Etiket Menecerinə basın Google Analytics Tədbiri forma uğurla təqdim edildikdə. Kiçik düzəlişlər və bir sintaksis təkmilləşdirməsi ilə ehtiyacım olan hər şeyə sahib oldum. İşdə kod:

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

Uğurlu təqdimatı izləmək, sonra keçmək olduqca ağıllıdır Forma kateqoriya olaraq təyinat adı Fəaliyyət olaraq və Tabelik etiket kimi. Hədəfi proqramlaşdıraraq, hər bir səhifənin alt hissəsində bir forma təqdimatını müşahidə etmək üçün bu kodu əldə edə bilərsiniz. Beləliklə ... formaları əlavə etdikdə və ya dəyişdirərkən, skriptin yenilənməsi və ya başqa bir səhifəyə əlavə edilməsi barədə heç vaxt narahat olmursunuz.

Script -i Elementor Xüsusi Kodu ilə Qurun

Bir agentlik olsanız, bütün müştəriləriniz üçün məhdudiyyətsiz yükseltmeyi və Elementor istifadə etməyi çox tövsiyə edərdim. Bu möhkəm bir platformadır və tərəfdaş inteqrasiyalarının sayı artmağa davam edir. Bənzər bir Plugin ilə birləşdirin Əlaqə Formu DB və bütün forma təqdimatlarınızı toplaya bilərsiniz.

Elementor Pro böyük bir skript idarəetmə seçiminə malikdir. Kodunuzu necə daxil edə bilərsiniz:

Elementor Xüsusi Kodu

  • gedin Elementor> Xüsusi Kod
  • Kodunuzu adlandırın
  • Bu vəziyyətdə sonu təyin edin bədən etiketi.
  • Daxil etmək və sırasını təyin etmək istədiyiniz birdən çox skriptiniz varsa, prioritet təyin edin.

GTM vasitəsilə GA Event -ə Elementor Formunun təqdim edilməsi

  • Yeniləmə düyməsini basın
  • Şərti təyin etməyiniz və bütün səhifələrin standart olaraq təyin etməyiniz xahiş olunacaq.
  • Önbelleğinizi yeniləyin və skriptiniz canlıdır!

Google Etiket Meneceri İnteqrasiyanıza baxın

Google Tag Manager, bir brauzer nümunəsinə qoşulmaq və faktiki olaraq dəyişənlərin düzgün göndərilib göndərilmədiyini müşahidə etmək üçün kodunuzu sınamaq üçün fantastik bir mexanizmə malikdir. Google Analytics real vaxt olmadığı üçün bu vacibdir. Bunu başa düşmədiyiniz təqdirdə məlumatların Google Analytics -də görünmədiyinə görə test edə, sınaya və sınaqdan keçirə və əsəbiləşə bilərsiniz.

Burada necə ediləcəyi ilə bağlı bir dərs verməyəcəyəm Google Etiket Menecerini önizləyin və ayıklayın... bildiyinizi güman edirəm. Formumu əlaqəli test səhifəmdə təqdim edə bilərəm və GTM məlumatlarına lazım olan şəkildə göndərilən məlumatları görə bilərəm:

google etiket meneceri məlumat qat

Bu vəziyyətdə, kateqoriya Forma kimi kodlaşdırılmışdı, hədəf Əlaqə formu idi və etiket Göndərmədir.

Google Etiket Menecerində Məlumat Dəyişənləri, Hadisə, Tetikleyici və Etiket qurun

Bunun üçün son addım, bu dəyişənləri tutmaq və bir hadisə üçün qurulmuş bir Google Analytics Etiketinə göndərmək üçün Google Etiket Menecerini qurmaqdır. Elad Levy, digər addımlarında bu addımları ətraflı izah edir - Google Etiket Menecerində Ümumi Hadisə İzləmə.

Bunlar qurulduqdan sonra Google Analytics -də Hadisələri görə biləcəksiniz!

Elementor Pro əldə edin

Açıqlama: Bu məqalə boyunca mən öz əlaqələrimdən istifadə edirəm.

6 Şərhlər

  1. 1
  2. 3

    Mən elementor formasında çox addımdan istifadə edirəm, lakin istifadəçi Next düyməsini kliklədikdə hadisəni izləmək istəyirəm.
    Məni bu hadisə ilə tanıya bilərsinizmi? Təşəkkürlər!

  3. 5

Siz nə düşünürsünüz?

Bu sayt spam azaldılması üçün Akismet istifadə edir. Yorumunuzun necə işləndiyini öyrənin.