গুগল ট্যাগ ম্যানেজার দিয়ে এক-পৃষ্ঠার অ্যাপ্লিকেশন পরিমাপ করুন

এই টিউটোরিয়ালে দেখানো হয়েছে কীভাবে গুগল ট্যাগ ম্যানেজার ব্যবহার করে একটি সিঙ্গেল-পেজ অ্যাপ্লিকেশনের (SPA) জন্য গুগল অ্যানালিটিক্স মেজারমেন্ট সেট আপ করতে হয়। আপনি শিখবেন কীভাবে আপনার গুগল অ্যানালিটিক্স প্রপার্টি কনফিগার করতে হয়, প্রয়োজনীয় GTM ভ্যারিয়েবলগুলো সক্রিয় করতে হয় এবং হিস্ট্রি পরিবর্তনের ওপর ভিত্তি করে ট্রিগার হয় এমন ট্যাগ তৈরি করতে হয়।

শুরু করার আগে

এই টিউটোরিয়ালটি ধরে নেয় যে আপনার নিম্নলিখিত বিষয়গুলো রয়েছে:

• একটি গুগল অ্যানালিটিক্স অ্যাকাউন্ট এবং প্রপার্টি ।
• আপনার SPA-তে একটি গুগল ট্যাগ ম্যানেজার কন্টেইনার ইনস্টল করা আছে।
• গুগল অ্যানালিটিক্স এবং গুগল ট্যাগ ম্যানেজার উভয়ের জন্যই এডিটর (বা তার উপরের) রোল।

ধাপ ১: GA4 ডেটা স্ট্রিম প্রস্তুত করুন

একটি SPA-তে ম্যানুয়ালি page_view ইভেন্ট ট্র্যাক করতে, ডাবল-কাউন্টিং এড়াতে আপনাকে প্রথমে GA4-এ স্বয়ংক্রিয় হিস্ট্রি-ভিত্তিক পেজ ভিউ নিষ্ক্রিয় করতে হবে।

1. গুগল অ্যানালিটিক্স খুলুন।
2. অ্যাডমিন- এ, ডেটা সংগ্রহ ও পরিবর্তন-এর অধীনে, ডেটা স্ট্রিমস-এ ক্লিক করুন।
3. আপনার ওয়েব ডেটা স্ট্রিম নির্বাচন করুন।
4. উন্নত পরিমাপ- এর অধীনে, সেটিংস আইকনে ক্লিক করুন। .
5. পেজ ভিউ > উন্নত সেটিংস দেখান- এর অধীনে, ব্রাউজার হিস্ট্রি ইভেন্টের উপর ভিত্তি করে পেজ পরিবর্তনের বিকল্পটি আনচেক করুন।
6. সংরক্ষণ করুন- এ ক্লিক করুন।

ধাপ ২: ট্যাগ ম্যানেজারে বিল্ট-ইন হিস্ট্রি ভেরিয়েবল সক্রিয় করুন

GTM-এ হিস্ট্রি-ভিত্তিক ট্রিগার বা ভেরিয়েবল ব্যবহার করতে হলে, আপনাকে প্রথমে বিল্ট-ইন হিস্ট্রি ভেরিয়েবলগুলো সক্রিয় করতে হবে।

1. গুগল ট্যাগ ম্যানেজার খুলুন।
2. আপনার ওয়ার্কস্পেসে, Variables- এ যান।
3. বিল্ট-ইন ভেরিয়েবল-এর অধীনে, কনফিগার-এ ক্লিক করুন।
4. হিস্ট্রি সেকশনে, নিম্নলিখিত ভেরিয়েবলগুলো সক্রিয় করুন:
   • History New URL Fragment
   • History Old URL Fragment
   • History New State
   • History Old State
   • History Source
5. কনফিগারেশন প্যানেলটি বন্ধ করুন।

দ্রষ্টব্য: মৌলিক পেজ ভিউ সেটআপের জন্য এই ভেরিয়েবলগুলো অপরিহার্য নয়। এগুলো শুধুমাত্র তখনই ব্যবহৃত হয় যখন আপনি ট্রিগার ফিল্টার করতে চান অথবা কাস্টম লজিক প্রয়োগ করতে চান, যেমন এই পেজের শেষ নোটে উল্লিখিত পূর্ববর্তী পেজের লজিক।

দ্রষ্টব্য: কিছু পুরোনো ডকুমেন্টেশনে Old History URL বা New History URL এর উল্লেখ থাকতে পারে। এগুলো কোনো স্ট্যান্ডার্ড বিল্ট-ইন ভেরিয়েবল নয়। এর পরিবর্তে তালিকাভুক্ত ভেরিয়েবলগুলো ব্যবহার করুন।

ধাপ ৩: হিস্ট্রি চেঞ্জ ট্রিগার তৈরি করুন

এরপরে, এমন একটি ট্রিগার তৈরি করুন যা আপনার SPA-তে কোনো হিস্ট্রি পরিবর্তনের ইভেন্ট (যেমন pushState বা replaceState ) ঘটলে সক্রিয় হবে।

1. আপনার ট্যাগ ম্যানেজার ওয়ার্কস্পেসে, ট্রিগার মেনুতে যান।
2. নতুন-তে ক্লিক করুন।
3. ট্রিগার কনফিগারেশন- এ, হিস্ট্রি চেঞ্জ ট্রিগারটি নির্বাচন করুন।
4. (ঐচ্ছিক) আপনি যদি শুধুমাত্র নির্দিষ্ট স্ক্রিন পরিবর্তনগুলি ট্র্যাক করতে চান, তাহলে ট্রিগারটি ' Some History Changes'- এর উপর ভিত্তি করে সক্রিয় করার জন্য আপডেট করুন।
5. ট্রিগারটির নাম দিন (যেমন, 'হিস্ট্রি চেঞ্জ') এবং সেভ-এ ক্লিক করুন।

ধাপ ৪: গুগল ট্যাগ তৈরি করুন

এখন, এমন একটি গুগল ট্যাগ তৈরি করুন যা হিস্ট্রিতে কোনো পরিবর্তন ঘটলে page_location প্যারামিটারটি আপডেট করবে।

1. ট্যাগ মেনুতে, নতুন-তে ক্লিক করুন।
2. ট্যাগ কনফিগারেশন- এ, গুগল ট্যাগটি নির্বাচন করুন।
3. আপনার ট্যাগ আইডি লিখুন (আপনার প্রাথমিক গুগল ট্যাগের জন্য ব্যবহৃত একই আইডি)।

4. কনফিগারেশন সেটিংস-এর অধীনে, নিম্নলিখিত প্যারামিটারগুলো যোগ করুন:

   • page_location : {{Page URL}}
   • page_title : {{Page Title}}
   • update : true
   দ্রষ্টব্য: update প্যারামিটারটি কনফিগারেশন মানগুলিকে বিদ্যমান ট্যাগ কনফিগারেশনের সাথে একীভূত করে এবং একটি তাৎক্ষণিক ডুপ্লিকেট page_view ইভেন্টকে দমন করে। এখানে page_referrer অন্তর্ভুক্ত করা হয়নি কারণ Google Analytics প্রাথমিক পেজ লোডের সময় স্বয়ংক্রিয়ভাবে মূল বাহ্যিক রেফারারটি ট্র্যাক করে, এবং এটি বাদ দিলে Google Analytics আপনার রিপোর্টে নেভিগেশন পাথিংয়ের জন্য রেফারার হিসাবে পূর্ববর্তী ভার্চুয়াল পেজের URL-টি স্বয়ংক্রিয়ভাবে পূরণ করে দেয়।

5. ট্যাগটির নাম দিন (যেমন, "Google Tag - SPA Update") এবং সেভ-এ ক্লিক করুন।

   দ্রষ্টব্য: এই গুগল ট্যাগটির জন্য ট্রিগারিং (Triggering) বিভাগে কোনো ট্রিগার যোগ করবেন না। এটি ধাপ ৫-এ ট্যাগ সিকোয়েন্সিং (tag sequencing) ব্যবহার করে একটি সেটআপ ট্যাগ (setup tag) হিসেবে ট্রিগার করা হয়।

ধাপ ৫: ভার্চুয়াল page_view ইভেন্টটি পাঠান

অবশেষে, প্রতিটি ভার্চুয়াল পেজ লোডের জন্য প্রকৃত page_view ইভেন্টটি পাঠাতে একটি GA4 ইভেন্ট ট্যাগ তৈরি করুন।

1. ট্যাগ মেনুতে নতুন-তে ক্লিক করুন।
2. ট্যাগ কনফিগারেশন- এ, Google Analytics: GA4 ইভেন্ট নির্বাচন করুন।
3. আপনার পরিমাপ আইডি প্রবেশ করান।
4. ইভেন্টের নাম page_view হিসেবে সেট করুন।
5. অ্যাডভান্সড সেটিংস > ট্যাগ সিকোয়েন্সিং- এর অধীনে, ‘Fire a tag before GA4 Event - Virtual Page View fires’ নির্বাচন করুন এবং ধাপ ৪-এ আপনার তৈরি করা Google Tag - SPA Update ট্যাগটি নির্বাচন করুন।
6. ট্রিগারিং-এর অধীনে, ধাপ ৩-এ আপনার তৈরি করা হিস্ট্রি চেঞ্জ ট্রিগারটি নির্বাচন করুন।
7. ট্যাগটির নাম দিন (উদাহরণস্বরূপ, "GA4 Event - Virtual Page View") এবং সেভ-এ ক্লিক করুন।

ধাপ ৬: আপনার সেটআপ যাচাই করুন

আপনার ভার্চুয়াল পেজ ভিউগুলো সঠিকভাবে রেকর্ড করা হচ্ছে কিনা তা নিশ্চিত করতে:

1. ট্যাগ ম্যানেজারে, প্রিভিউ মোডে প্রবেশ করতে প্রিভিউ-তে ক্লিক করুন।
2. আপনার স্পা-তে ঘুরে দেখুন।
3. Google Analytics DebugView- তে যাচাই করুন যে প্রতিটি স্ক্রিন পরিবর্তনের জন্য একটি নতুন page_view ইভেন্ট দেখা যাচ্ছে।
4. page_location এর মানগুলো আপনার প্রত্যাশার সাথে মেলে কিনা তা যাচাই করুন।

দ্রষ্টব্য: স্ট্যান্ডার্ড {{Referrer}} ব্যবহার করলে তা সেই প্রাথমিক উৎসকে ধারণ করে, যা ব্যবহারকারীকে আপনার সাইটে নিয়ে এসেছে। আপনার SPA-এর মধ্যে পূর্ববর্তী ভার্চুয়াল পেজটিকে রেফারার হিসেবে ট্র্যাক করতে হলে, পূর্ববর্তী পেজের অবস্থান সংরক্ষণ করার জন্য আপনাকে একটি কাস্টম GTM ভ্যারিয়েবল প্রয়োগ করতে হবে।