ڪيئن ٽريڪ ڪجي ايليمينٽر فارم جمعن کي گوگل تجزياتي واقعن ۾ JQuery استعمال ڪندي

ڪيئن ٽريڪ ڪجي ايليمينٽر فارم جمعن کي Google Analytics واقعن ۾

مان ڪم ڪري رھيو آھي ھڪڙي ڪلائنٽ ورڈپریس سائيٽ تي گذريل ڪجھ ھفتن کان جنھن ۾ ڪافي پيچيدگيون آھن. اهي استعمال ڪري رهيا آهن WordPress انضمام سان ActiveCampaign ا leadsواڻن جي پرورش لاءِ ۽ الف Zapier ۾ انضمام زنديسڪ وڪڻي ذريعي Elementor فارم. اھو ھڪڙو وڏو سسٽم آھي… بند ڪري driڏيو ڊريپ مهم کي انھن ماڻھن لاءِ جيڪي معلومات جي درخواست ڪن ٿا ۽ ا salesواڻي ڪن ٿا مناسب سيلز نمائندن ڏانھن جڏھن درخواست ڪئي وي. مان واقعي متاثر آهيان ايليمينٽر جي فارم لچڪ سان ۽ ڏسڻ ۽ محسوس ڪرڻ سان.

آخري مرحلو مهيا ڪري رهيو هو ڪلائنٽ لاءِ گوگل اينالائيٽڪس ذريعي هڪ اينالائيٽڪس ڊيش بورڊ جنهن کين مهيا ڪيو مهيني جي مهيني کان و performanceيڪ ڪارڪردگي فارم جمع ڪرائڻ تي. انھن وٽ آھي گوگل ٽيگ مينيجر انسٽال ٿيل ، تنھنڪري اسان ا already ۾ ئي پڪڙي رھيا آھيون اي ڪامرس ٽرانزيڪشن ۽ يوٽيوب ڏسڻ جي سرگرمي سائيٽ تي.

مون گوگل ٽيگ مئنيجر جي اندر DOM ، ٽرگرز ، ۽ ايونٽس کي استعمال ڪرڻ لاءِ ڪيتريون ئي ڪوششون ڪيون ته ڪامياب فارم جمع ڪرائڻ لاءِ پڪڙجي Elementor لاءِ پر ان ۾ ڪا به قسمت ناھي. مون آزمايو مختلف طريقن جي ھڪڙي طريقي سان صفحي جي نگراني ڪرڻ لاءِ ، ڏسي رھيو آھي ڪاميابي جو پيغام جيڪو پاپ اپ ڪندو AJAX ذريعي ۽ اھو ر workingو ڪم نه پيو ڪري. سو… مون ڪجھ searchingولھيو ۽ مليو ھڪڙو بھترين حل ٽريڪنگ شيف کان ، سڏيو وي ٿو بلٽ پروف ايليمينٽر فارم ٽريڪنگ GTM سان.

رسم الخط استعمال ڪري ٿو jQuery ۽ گوگل ٽيگ مئنيجر کي د pushائڻ لاءِ Google Analytics واقعي جڏهن فارم ڪاميابي سان پيش ڪيو وي. ڪجھ نن minorين تبديلين ۽ ھڪڙي نحو جي س improvementاري سان ، مون کي ھر شيءِ ملي جيڪا مون کي گھرجي. ھتي جو ڪوڊ آھي:

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

اھو تمام سھڻو آھي ، ڏسي رھيو آھي ڪامياب تسليم ڪرڻ لاءِ ، پوءِ گذرڻ فارم درجي جي طور تي ، منزل جو نالو عمل جي طور تي ، ۽ جمع ڪرايل جواب ليبل جي طور تي. ھدف وارو پروگرام makingاهڻ سان ، توهان صرف هي ڪوڊ رکي سگهو ٿا هر صفحي جي فوٽر ۾ فارم جمع ڪرائڻ جو مشاهدو ڪرڻ لاءِ. تنھنڪري ... جئين توھان فارم شامل ڪندا يا تبديل ڪندا ، توھان کي ڪڏھن به پريشان ٿيڻ نھ گھرجي اسڪرپٽ کي اپڊيٽ ڪرڻ بابت ۽ نه ئي ان کي ڪنھن pageئي صفحي ۾ شامل ڪرڻ بابت.

انسٽال ڪريو اسڪرپٽ بذريعه ايليمينٽر ڪسٽم ڪوڊ

جيڪڏھن توھان آھيو ھڪڙي ايجنسي ، مان سفارش ڪريان ٿو لامحدود اپ گريڊ ۽ استعمال ڪرڻ Elementor توھان جي س clientsني گراهڪن لاءِ. اھو ھڪڙو مضبوط پليٽ فارم آھي ۽ پارٽنر انضمام جو تعداد وroي رھيو آھي. ان کي aاھيو ھڪڙي پلگ ان وانگر رابطو فارم DB ۽ توھان پڻ گڏ ڪري سگھوٿا توھان جا س formئي فارم جمع ڪرائڻ.

ايليمينٽ پرو آھي ھڪڙو وڏو اسڪرپٽ مينيجمينٽ آپشن builtاھيو ويو س Here'sو. ھتي آھي توھان ڪيئن داخل ڪري سگھوٿا پنھنجو ڪوڊ:

Elementor ڪسٽم ڪوڊ

  • ڏانهن وڃو عنصر> ڪسٽم ڪوڊ
  • پنھنجو ڪوڊ لکو
  • ج Setھ مقرر ڪريو ، ھن حالت ۾ پاڙي جسم جي ٽيگ.
  • ھڪڙي ترجيح مقرر ڪريو جيڪڏھن توھان وٽ ھڪڙي کان و scriptيڪ اسڪرپٽ آھي ته توھان داخل ڪرڻ چاھيو ٿا ۽ انھن جو آرڊر مقرر ڪريو.

GTM ذريعي GA واقعي ۾ ايليمينٽر فارم جمع ڪرائڻ

  • ڪلڪ ڪريو اپ ڊيٽ
  • توھان کي چيو ويندو ته شرط مقرر ڪريو ۽ صرف ان کي مقرر ڪريو س allني صفحن جي ڊفالٽ تي.
  • پنھنجي ڪيش کي تازو ڪريو ۽ توھان جو اسڪرپٽ زنده آھي!

پنھنجي گوگل ٽيگ مينيجر انٽيگريشن جو جائزو وو

گوگل ٽيگ مينيجر وٽ آھي ھڪڙو شاندار ميکانيزم برائوزر مثال سان connectingنڻ ۽ اصل ۾ توھان جي ڪوڊ جي جانچ ڪرڻ لاءِ ته ڏسو متغيرات صحيح طرح موڪليا پيا ون يا نه. اھو ضروري آھي becauseو ته گوگل اينالائيٽڪس نه آھي حقيقي وقت. توھان آزمائي سگھوٿا ۽ آزمائي سگھوٿا ۽ آزمائي سگھوٿا ۽ واقعي مايوس ٿي ويندؤ ته ڊيٽا ظاھر نه ٿي رھي آھي گوگل اينالائيٽڪس ۾ جيڪڏھن توھان کي اھو احساس ناھي.

مان هتي هڪ سبق مهيا ڪرڻ وارو ناهيان ته ڪيئن ڪجي Google ٽيگ مئنيجر جو ڏيک ۽ ڊيبگ... مان فرض ڪرڻ وارو آھيان ته توھان کي خبر آھي. مان داخل ڪري سگھان ٿو پنھنجو فارم پنھنجي connectedنيل ٽيسٽ پيج تي ۽ ڏسو GTM ڊيٽا ڏانھن ushedڪيل ڊيٽا جيئن ان جي ضرورت آھي:

گوگل ٽيگ مينيجر ڊيٽا ليئر

ان صورت ۾ ، ڪيٽيگري سخت ڪوڊ ٿيل ھئي فارم جي طور تي ، ھدف ھو اسان سان رابطو ڪريو فارم ، ۽ ليبل آھي جمع ڪرائڻ.

گوگل ٽيگ مئنيجر ۾ سيٽ ڪريو ڊيٽا جا متغير ، ايونٽ ، ٽريگر ، ۽ ٽيگ

ان تي آخري قدم اھو آھي ته گوگل ٽيگ مينيجر قائم ڪيو و thoseي انھن متغيرن کي پڪڙڻ لاءِ ۽ انھن کي موڪليو ھڪڙي گوگل اينالائيٽڪس ٽيگ سيٽ اپ ايونٽ لاءِ. ايلاد ليوي انهن مرحلن جي تفصيل hisي پوسٽ ۾ --ائي آهي - عام واقعي جي ٽريڪنگ گوگل ٽيگ مينيجر ۾.

هڪ دفعو اهي سيٽ ٿي ويا ، توهان ڏسي سگهندؤ واقعا گوگل اينالائيٽڪس ۾!

حاصل ڪريو Elementor Pro

ظاهر آهي: آئون هن آرٽيڪل ۾ پنهنجي ساٿي لنڪس استعمال ڪري رهيو آهيان.

6 تبصرا

  1. 1
  2. 3

    مان ايليمينٽر فارم ۾ ملٽي اسٽيپ استعمال ڪري رهيو آهيان، پر آئون ايونٽ کي ٽريڪ ڪرڻ چاهيان ٿو جڏهن صارف اڳيان بٽڻ تي ڪلڪ ڪندا.
    ڇا توهان مون کي هن واقعي کي سڃاڻي سگهو ٿا. مهرباني!

  3. 5

توهان ڇا ٿا سوچيو؟

هي سائيٽ اسپام کي گهٽائڻ لاء اکزمٽ استعمال ڪري ٿو. سکو ته توهان جي تجويز ڪيل ڊيٽا کي ڪيئن عمل ڪيو وڃي.