JQuery ကို သုံး၍ Google Analytics ဖြစ်ရပ်များတွင် Elementor ပုံစံတင်ပြချက်များကိုမည်သို့ခြေရာခံမည်နည်း

ကျွန်ုပ်သည်အတော်လေးရှုပ်ထွေးမှုရှိသည့်ပြီးခဲ့သည့်ရက်သတ္တပတ်အနည်းငယ်က client WordPress site တစ်ခုတွင်အလုပ်လုပ်နေခဲ့သည်။ သုံးနေကြတယ် WordPress ပေါင်းစည်းမှုနှင့်အတူ ActiveCampaign ဦး ဆောင်ပျိုးထောင်မှုနှင့် Zapier ပေါင်းစည်းမှုသို့ Zendesk ရောင်း မှတဆင့် Elementor ပုံစံများမရ။ ၎င်းသည်အလွန်ကောင်းသောစနစ်ဖြစ်သည်။ သတင်းအချက်အလက်များတောင်းခံပြီးတောင်းဆိုသောအခါသင့်လျော်သောအရောင်းကိုယ်စားလှယ်ထံသို့ ဦး တည်တွန်းပို့သည်။ Elementor ရဲ့ပုံစံပြောင်းလွယ်ပြင်လွယ်နဲ့ကြည့်ပုံကိုငါတကယ်အထင်ကြီးမိပါတယ်။

နောက်ဆုံးအဆင့်သည် form ဖြည့်သွင်းမှုများတွင်၎င်းတို့အားတစ်လပြီးတစ်လစွမ်းဆောင်ရည်ပေးသော Google Analytics မှတဆင့် client များအတွက် analytics dashboard တစ်ခုပံ့ပိုးပေးခဲ့သည်။ ၎င်းတို့တွင် Google Tag Manager ကိုထည့်သွင်းထားပြီးဖြစ်သောကြောင့်ကျွန်ုပ်တို့သည် site ပေါ်တွင် e-commerce အရောင်းအ ၀ ယ်နှင့် YouTube ကြည့်ရှုမှုကိုဖမ်းယူနေပြီဖြစ်သည်။

Elementor အတွက်အောင်မြင်သောပုံစံတင်ပြမှုကိုဖမ်းယူရန် Google Tag Manager အတွင်းမှ DOM၊ triggers များနှင့်အဖြစ်အပျက်များကိုအသုံးချရန်ကျွန်ုပ်အကြိမ်ကြိမ်ကြိုးစားခဲ့သော်လည်းကံကောင်းစွာမပါခဲ့ပါ။ AJAX မှတဆင့်ပေါ်ထွက်လာမယ့်အောင်မြင်မှုသတင်းစကားကိုကြည့်ပြီးစာမျက်နှာကစောင့်ကြည့်ဖို့နည်းလမ်းအမျိုးမျိုးကိုငါစမ်းသပ်ခဲ့တယ်။ ဒါကြောင့်…ငါရှာဖွေမှုအချို့လုပ်ခဲ့ပြီး Tracking Chef လို့ခေါ်တဲ့အဖြေကောင်းတစ်ခုကိုတွေ့ခဲ့တယ် Bulletproof Elementor သည် GTM ဖြင့်ခြေရာခံသည်.

ဇာတ်ညွှန်းကိုအသုံးချသည် jQuery နှင့် Google Tag Manager ကိုတွန်းအားပေးရန် Google Analytics ဖြစ်ရပ် ပုံစံကိုအောင်မြင်စွာတင်ပြသောအခါ အချို့သောအသေးစားတည်းဖြတ်မှုများနှင့် syntax တိုးတက်မှုတစ်ခုတို့ဖြင့်ကျွန်ုပ်လိုအပ်သမျှရှိသည်။ ဒီမှာကုဒ်

<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 မှတဆင့် Script ကို install လုပ်ပါ

မင်းကအေဂျင်စီတစ်ခုဆိုရင်မင်းရဲ့ဖောက်သည်အားလုံးအတွက်အကန့်အသတ်မရှိအဆင့်မြှင့်တင်ခြင်းနဲ့ Elementor ကိုသုံးဖို့ငါအရမ်းအကြံပြုချင်ပါတယ်။ ၎င်းသည်ခိုင်မာသောပလက်ဖောင်းဖြစ်ပြီးမိတ်ဖက်ပေါင်းစည်းမှုအရေအတွက်သည်မြင့်တက်လာသည်။ Plugin တစ်ခုနှင့်တူအောင်တွဲပါ ဆက်သွယ်ရန်ပုံစံ DB သင်၏ပုံစံတင်ပြချက်များအားလုံးကိုသင်စုဆောင်းနိုင်သည်။

Element Pro ဇာတ်ညွှန်းစီမံခန့်ခွဲမှုရွေးချယ်စရာတစ်ခုပါ ၀ င်သည်။ သင်၏ကုဒ်ကိုသင်မည်သို့ထည့်နိုင်သည်။

• သို့သွားရန် Elementor> စိတ်ကြိုက် Code
• မင်းကုဒ်နာမည်ပေးပါ
• ဤနေရာတွင်အဆုံးကိုတည်နေရာသတ်မှတ်ပါ body tag.
• မင်းမှာထည့်ချင်တဲ့ script တစ်ခုထက်ပိုရင်အဲဒါတွေကို ဦး စားပေးသတ်မှတ်ပါ။

• update ကိုနှိပ်ပါ
• အခြေအနေကိုသတ်မှတ်ရန်နှင့်စာမျက်နှာအားလုံး၏မူလအတိုင်းထားရန်တောင်းဆိုလိမ့်မည်။
• သင်၏ cache ကိုပြန်လည်ဆန်းသစ်ပြီးသင်၏ script ကိုတိုက်ရိုက်လွှင့်ပါ။

သင်၏ Google Tag Manager ပေါင်းစည်းမှုကိုအစမ်းကြည့်ပါ

Google Tag Manager တွင် browser instance တစ်ခုနှင့်ဆက်သွယ်ရန်အတွက်ကောင်းမွန်သောယန္တရားတစ်ခုရှိပြီး variables များကိုမှန်မှန်ကန်ကန်ပို့ခြင်းရှိမရှိစောင့်ကြည့်ရန်သင်၏ကုဒ်အားစမ်းသပ်နေသည်။ Google Analytics သည်အချိန်နှင့်တပြေးညီမဟုတ်သောကြောင့်၎င်းသည်မရှိမဖြစ်လိုအပ်သည်။ မင်းဒါကိုစမ်းသပ်နိုင်တယ်၊ စမ်းသပ်နိုင်တယ်၊ ဒါကိုမင်းသတိမပြုမိရင်ဒေတာကို Google Analytics မှာမပြတဲ့အတွက်စိတ်ပျက်ရတယ်။

ဘယ်လိုလုပ်ရမလဲဆိုတာဒီမှာ tutorial တစ်ခုပေးမှာမဟုတ်ဘူး Google Tag Manager ကိုအစမ်းကြည့်ပြီးအမှားရှာပါ... မင်းသိမယ်လို့ငါယူဆမယ်။ ကျွန်ုပ်၏ပုံစံကိုကျွန်ုပ်၏ချိတ်ဆက်ထားသောစမ်းသပ်စာမျက်နှာတွင်တင်နိုင်ပြီး၎င်းသည်လိုအပ်သည့်အတိုင်း GTM ဒေတာသို့တွန်းပို့သောအချက်အလက်များကိုကြည့်နိုင်သည်။

ဤကိစ္စတွင်အမျိုးအစားကိုပုံစံအဖြစ်သတ်မှတ်ရန်ခဲယဉ်းသည်၊ ပစ်မှတ်သည်ဆက်သွယ်ရန်ပုံစံဖြစ်သည်၊ တံဆိပ်သည်တင်ပြခြင်းဖြစ်သည်။

Google Tag Manager တွင် Data Variables, Event, Trigger, and Tag တို့ကိုသတ်မှတ်ပါ

ဤနောက်ဆုံးအဆင့်သည် Google Var Tag များအားအဖြစ်အပျက်များကိုဖမ်းယူရန်နှင့်ပွဲတစ်ခုအတွက် Google Analytics Tag တစ်ခုသို့ပို့ရန် Google Tag Manager ကိုသတ်မှတ်ရန်ဖြစ်သည်။ Elad Levy သည်သူ၏အခြားပို့စ်တွင်ဤအဆင့်များကိုအသေးစိတ်ဖော်ပြထားသည် - Google Tag Manager တွင်ယေဘူယျဖြစ်ရပ်ခြေရာခံခြင်း.

အဲဒါတွေကိုပြင်ဆင်ပြီးတဲ့အခါ Google Analytics မှာ Events တွေကိုမင်းမြင်နိုင်လိမ့်မယ်။

Elementor Pro ကိုရယူပါ

ထုတ်ဖော်: ငါဒီဆောင်းပါးတစ်လျှောက်လုံးငါ့အ Affiliate လင့်များကိုအသုံးပြုနေသည်။