JQuery ব্যবহার করে গুগল অ্যানালিটিক্স ইভেন্টগুলিতে এলিমেন্টার ফর্ম জমাগুলি কীভাবে ট্র্যাক করবেন

গুগল অ্যানালিটিক্স ইভেন্টগুলিতে এলিমেন্টার ফর্ম জমাগুলি কীভাবে ট্র্যাক করবেন

আমি গত কয়েক সপ্তাহ ধরে একটি ক্লায়েন্ট ওয়ার্ডপ্রেস সাইটে কাজ করছি যার বেশ কয়েকটি জটিলতা রয়েছে। তারা ব্যবহার করছে ওয়ার্ডপ্রেস একটি ইন্টিগ্রেশন সঙ্গে ActiveCampaign লিড লালনপালনের জন্য এবং ক Zapier একীকরণ জেন্ডেস্ক বিক্রয় মাধ্যমে এলিমেন্টার ফর্ম। এটি একটি দুর্দান্ত ব্যবস্থা ... যারা তথ্য অনুরোধ করেন এবং অনুরোধ করার সময় উপযুক্ত বিক্রয় প্রতিনিধিকে নেতৃত্ব দেওয়ার জন্য ড্রিপ প্রচারাভিযান বন্ধ করেন। আমি এলিমেন্টারের ফর্ম নমনীয়তা এবং চেহারা এবং অনুভূতিতে সত্যিই মুগ্ধ।

শেষ ধাপটি ছিল গুগল অ্যানালিটিক্সের মাধ্যমে ক্লায়েন্টের জন্য একটি বিশ্লেষণমূলক ড্যাশবোর্ড প্রদান করা যা তাদের ফর্ম জমা দেওয়ার উপর মাসের পর মাস কর্মক্ষমতা প্রদান করে। তাদের গুগল ট্যাগ ম্যানেজার ইনস্টল করা আছে, তাই আমরা ইতিমধ্যে সাইটে ই-কমার্স লেনদেন এবং ইউটিউব ভিউ অ্যাক্টিভিটি ক্যাপচার করছি।

এলিমেন্টারের জন্য সফল ফর্ম জমা দেওয়ার জন্য আমি গুগল ট্যাগ ম্যানেজারের মধ্যে ডোম, ট্রিগার এবং ইভেন্টগুলি ব্যবহার করার জন্য বেশ কয়েকটি প্রচেষ্টা করেছি কিন্তু মোটেও ভাগ্য হয়নি। আমি পৃষ্ঠাটি পর্যবেক্ষণ করার জন্য বিভিন্ন উপায়ে পরীক্ষা করেছি, সাফল্যের বার্তাটি দেখছি যা AJAX এর মাধ্যমে পপআপ হবে এবং এটি কাজ করছে না। তাই ... আমি কিছু অনুসন্ধান করেছি এবং ট্র্যাকিং শেফ থেকে একটি দুর্দান্ত সমাধান খুঁজে পেয়েছি, যাকে বলা হয় জিটিএম দিয়ে বুলেটপ্রুফ এলিমেন্টার ফর্ম ট্র্যাকিং.

স্ক্রিপ্ট ব্যবহার করে jQuery এর এবং গুগল ট্যাগ ম্যানেজারকে ধাক্কা দিতে গুগল অ্যানালিটিক্স ইভেন্ট যখন ফর্ম সফলভাবে জমা দেওয়া হয়। কিছু ছোটখাটো সম্পাদনা এবং একটি সিনট্যাক্স উন্নতির সাথে, আমার প্রয়োজনীয় সবকিছু ছিল। এখানে কোড:

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

এটি বেশ বুদ্ধিমান, সফল জমা দেওয়ার জন্য দেখছে, তারপর পাস করছে ফর্ম বিভাগ হিসাবে, গন্তব্যের নাম কর্ম হিসাবে, এবং নমন লেবেল হিসাবে। টার্গেট প্রোগ্রাম্যাটিক করে, আপনি ফর্ম জমা দেওয়ার জন্য প্রতিটি পৃষ্ঠার পাদলেখের মধ্যে এই কোডটি পেতে পারেন। সুতরাং ... আপনি ফর্ম যোগ বা সংশোধন করার সময়, আপনাকে কখনই স্ক্রিপ্ট আপডেট করা বা অন্য পৃষ্ঠায় যোগ করার বিষয়ে চিন্তা করতে হবে না।

এলিমেন্টার কাস্টম কোডের মাধ্যমে স্ক্রিপ্ট ইনস্টল করুন

আপনি যদি কোনও এজেন্সি হন, আমি আপনার সমস্ত ক্লায়েন্টদের জন্য সীমাহীন আপগ্রেড এবং এলিমেন্টার ব্যবহার করার সুপারিশ করব। এটি একটি দৃ platform় প্ল্যাটফর্ম এবং অংশীদার ইন্টিগ্রেশন সংখ্যা আকাশছোঁয়া অব্যাহত। একটি প্লাগইন লাইক দিয়ে এটি জোড়া যোগাযোগ ফর্ম DB এবং আপনি আপনার সমস্ত ফর্ম জমাও সংগ্রহ করতে পারেন।

এলিমেন্টোর প্রো এখানে একটি চমৎকার স্ক্রিপ্ট ম্যানেজমেন্ট অপশন আছে। এখানে আপনি কিভাবে আপনার কোড লিখতে পারেন:

এলিমেন্টর কাস্টম কোড

  • নেভিগেট করুন এলিমেন্টার> কাস্টম কোড
  • আপনার কোডের নাম দিন
  • অবস্থান নির্ধারণ করুন, এই ক্ষেত্রে শেষ শরীরের ট্যাগ.
  • আপনার যদি একাধিক স্ক্রিপ্ট সন্নিবেশ করতে এবং সেগুলির ক্রম সেট করতে চান তবে একটি অগ্রাধিকার সেট করুন।

GTM এর মাধ্যমে GA ইভেন্টে এলিমেন্টার ফর্ম জমা দেওয়া

  • আপডেট ক্লিক করুন
  • আপনাকে শর্তটি সেট করতে বলা হবে এবং এটিকে সমস্ত পৃষ্ঠার ডিফল্ট হিসাবে সেট করতে বলা হবে।
  • আপনার ক্যাশে রিফ্রেশ করুন এবং আপনার স্ক্রিপ্ট লাইভ!

আপনার গুগল ট্যাগ ম্যানেজার ইন্টিগ্রেশন প্রিভিউ করুন

গুগল ট্যাগ ম্যানেজারের একটি ব্রাউজারের দৃষ্টান্তের সাথে সংযোগ স্থাপন করার জন্য এবং ভেরিয়েবলগুলি সঠিকভাবে পাঠানো হচ্ছে কিনা তা পর্যবেক্ষণ করার জন্য আসলে আপনার কোড পরীক্ষা করার একটি দুর্দান্ত প্রক্রিয়া রয়েছে। এটি অপরিহার্য কারণ গুগল অ্যানালিটিক্স রিয়েল-টাইম নয়। আপনি পরীক্ষা এবং পরীক্ষা এবং পরীক্ষা করতে পারেন এবং সত্যিই হতাশ হয়ে পড়েন যে আপনি যদি এটি উপলব্ধি না করেন তবে গুগল অ্যানালিটিক্সে ডেটা দেখা যাচ্ছে না।

আমি কিভাবে এখানে একটি টিউটোরিয়াল প্রদান করতে যাচ্ছি না গুগল ট্যাগ ম্যানেজার প্রিভিউ এবং ডিবাগ করুন… আমি ধরে নিচ্ছি আপনি জানেন। আমি আমার সংযুক্ত পরীক্ষা পৃষ্ঠায় আমার ফর্ম জমা দিতে পারি এবং জিটিএম ডেটার দিকে ধাক্কা দেওয়া ডেটা দেখতে পারি যেমন এটি প্রয়োজন:

গুগল ট্যাগ ম্যানেজার ডেটা লেয়ার

এই ক্ষেত্রে, বিভাগটি ফর্ম হিসাবে হার্ড-কোডেড ছিল, লক্ষ্য ছিল আমাদের সাথে যোগাযোগ করুন ফর্ম, এবং লেবেল হল জমা।

গুগল ট্যাগ ম্যানেজারে ডেটা ভেরিয়েবল, ইভেন্ট, ট্রিগার এবং ট্যাগ সেট আপ করুন

এটির শেষ ধাপ হল সেই ভেরিয়েবলগুলি ক্যাপচার করার জন্য গুগল ট্যাগ ম্যানেজার সেট আপ করা এবং একটি ইভেন্টের জন্য সেট আপ করা গুগল অ্যানালিটিক্স ট্যাগে পাঠানো। এলাদ লেভি তার অন্যান্য পোস্টে এই পদক্ষেপগুলি সম্পর্কে বিস্তারিত বলেছেন - গুগল ট্যাগ ম্যানেজারে জেনেরিক ইভেন্ট ট্র্যাকিং.

একবার সেগুলি সেট আপ হয়ে গেলে, আপনি গুগল অ্যানালিটিক্সে ইভেন্টগুলি দেখতে সক্ষম হবেন!

এলিমেন্টর প্রো পান

প্রকাশ: আমি এই নিবন্ধটি জুড়ে আমার অনুমোদিত লিঙ্কগুলি ব্যবহার করছি।

আপনি কি মনে করেন?

এই সাইট স্প্যাম কমাতে Akismet ব্যবহার করে। আপনার ডেটা প্রক্রিয়া করা হয় তা জানুন.