Ինչպես հետևել Elementor ձևի ներկայացումներին Google Analytics- ի իրադարձություններում ՝ օգտագործելով JQuery

Վերջին մի քանի շաբաթների ընթացքում ես աշխատում եմ հաճախորդի WordPress կայքի վրա, որն ունի բավականին բարդություններ: Նրանք օգտագործում են WordPress ինտեգրման հետ ActiveCampaign տանում է դաստիարակելու համար և ա Zapier ինտեգրում դեպի Zendesk Վաճառք միջոցով Էլեմենտոր ձևեր. Դա հիանալի համակարգ է… սկսելու կաթիլային արշավները այն մարդկանց համար, ովքեր տեղեկատվություն են պահանջում և պահանջի դեպքում առաջ մղում համապատասխան վաճառքի ներկայացուցչին: Ես իսկապես տպավորված եմ Elementor- ի ձևի ճկունությամբ և տեսքով:

Վերջին քայլը Google Analytics- ի միջոցով հաճախորդի համար վերլուծական վահանակի ապահովումն էր, որը նրանց տրամադրում էր ամսական մեկ ամսվա կատարողականություն ձևերի ներկայացման վրա: Նրանք տեղադրել են Google Tag Manager- ը, այնպես որ մենք արդեն գրավում ենք էլեկտրոնային առևտրի գործարքները և կայքում YouTube- ի դիտման գործունեությունը:

Ես մի քանի փորձ արեցի օգտագործել Google Tag Manager- ի DOM- ը, գործարկիչները և իրադարձությունները `Elementor- ի հաջող ձևը ներկայացնելու համար, բայց ընդհանրապես բախտ չունեցա: Ես փորձարկեցի էջը վերահսկելու մի քանի տարբեր եղանակներ ՝ դիտելով հաջողության ուղերձը, որը կհայտնվեր AJAX- ի միջոցով, և այն պարզապես չէր աշխատում: Այսպիսով… Ես որոշ որոնումներ կատարեցի և գտա հիանալի լուծում Tracking Chef- ից, որը կոչվում էր Փամփուշտ Elementor ձևի հետևում GTM- ով.

Սցենարը օգտագործում է jQuery և Google Tag Manager- ը ՝ հրելու համար Google Analytics- ի իրադարձություն երբ ձևը հաջողությամբ ներկայացվի: Փոքր խմբագրումներով և շարահյուսության մեկ կատարելագործմամբ ես ունեի այն ամենը, ինչ ինձ պետք էր: Ահա կոդը ՝

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

Դա բավականին հնարամիտ է ՝ հետևել հաջող ներկայացմանը, այնուհետև անցնել Տեսակ որպես կատեգորիա, նպատակակետի անունը որպես Գործողություն, և Ներկայացում որպես պիտակ: Թիրախային ծրագրավորող դարձնելով ՝ կարող եք պարզապես ունենալ այս ծածկագիրը յուրաքանչյուր էջի տողատակում `ձևի ներկայացումը դիտելու համար: Այսպիսով,…

Տեղադրեք Script- ը Elementor Custom Code- ի միջոցով

Եթե ​​դուք գործակալություն եք, ես խորհուրդ կտամ անսահմանափակ կատարելագործում և օգտագործում Elementor ձեր բոլոր հաճախորդների համար: Դա ամուր հարթակ է, և գործընկեր ինտեգրումների թիվը շարունակում է աճել: Միացրեք այն Plugin- ի նմանությամբ Կոնտակտային ձև DB և կարող եք նաև հավաքել ձեր բոլոր ձևերի ներկայացումները:

Elementor Pro- ն ունի սկրիպտների կառավարման հիանալի տարբերակ, որը տեղադրված է հենց այստեղ: Ահա թե ինչպես կարող եք մուտքագրել ձեր կոդը ՝

• navigate to Elementor> Պատվերով ծածկագիր
• Անվանեք ձեր կոդը
• Սահմանեք գտնվելու վայրը, այս դեպքում վերջը մարմնի պիտակ.
• Սահմանեք առաջնահերթություն, եթե ունեք մեկից ավելի սցենարներ, որոնք ցանկանում եք տեղադրել և կարգավորել դրանք:

• Կտտացրեք թարմացում
• Ձեզանից կպահանջվի սահմանել պայմանը և պարզապես այն դնել բոլոր էջերի կանխադրվածին:
• Թարմացրեք ձեր քեշը, և ձեր սցենարը կենդանի է:

Նախադիտեք ձեր Google Tag Manager- ի ինտեգրումը

Google Tag Manager- ն ունի ֆանտաստիկ մեխանիզմ ՝ դիտարկիչի օրինակին միանալու և իրականում ձեր կոդը փորձարկելու համար ՝ տեսնելու, թե արդյոք փոփոխականները պատշաճ կերպով ուղարկվում են, թե ոչ: Սա էական է, քանի որ Google Analytics- ը իրական ժամանակում չէ: Դուք կարող եք փորձարկել և փորձարկել և փորձարկել և իսկապես հիասթափվել, որ տվյալները չեն հայտնվում Google Analytics- ում, եթե դա չգիտեիք:

Ես այստեղ չեմ պատրաստվում ձեռնարկ տալ, թե ինչպես դա անել նախադիտել և կարգաբերել Google Tag Tag Manager- ը… Ես ենթադրում եմ, որ դուք գիտեք: Ես կարող եմ ներկայացնել իմ ձևը իմ կապված փորձարկման էջում և տեսնել GTM- ի տվյալներին մղված տվյալները, ինչպես դա անհրաժեշտ է:

Այս դեպքում կատեգորիան կոշտ կոդավորված էր որպես Ձև, թիրախը Կոնտակտների ձևն էր, իսկ պիտակը ՝ Ներկայացում:

Google Tag Manager- ում Ստեղծեք տվյալների փոփոխականներ, իրադարձություն, ձգան և պիտակ

Դրա վերջին քայլը Google Tag Manager- ի ստեղծումն է ՝ այդ փոփոխականները գրավելու և դրանք ուղարկելու համար իրադարձության համար ստեղծված Google Analytics պիտակին: Էլադ Լևին մանրամասնում է այս քայլերը իր մյուս գրառման մեջ. Ընդհանուր իրադարձությունների հետևում Google Tag Manager- ում.

Երբ դրանք կարգավորվեն, դուք կկարողանաք տեսնել իրադարձությունները Google Analytics- ում:

Ստացեք Elementor Pro

Բացահայտում. Այս հոդվածում ես օգտագործում եմ իմ գործընկեր գործընկերները: