GTM ব্রিজ & GA4 ইভেন্ট ব্রিজ

দুই দিকে dataLayer সমন্বয় ও GA4-সামঞ্জস্যপূর্ণ API দিয়ে Google Analytics 4-এর পরিমাণভিত্তিক টেলিমেট্রিকে MousePlayer-এর গুণগত সেশন রিপ্লের সঙ্গে একত্র করা।

1. গঠনের সারসংক্ষেপ & ক্ষমতা

আধুনিক ওয়েব বিশ্লেষণে প্রায়ই মৌলিক বিচ্ছিন্নতা থাকে: পরিমাণভিত্তিক প্ল্যাটফর্ম (যেমন Google Analytics 4) জানায় কী ঘটেছে ওয়েবসাইটে, আর গুণগত সেশন রিপ্লের সরঞ্জাম ব্যাখ্যা করে কেন ঘটেছে। এই MousePlayer GTM & GA4 ব্রিজ ব্রাউজারের JavaScript পরিবেশে দুই দিকের সমন্বয় চ্যানেল তৈরি করে সেই ব্যবধান সরায়।

চালু করলে ট্র্যাকিং স্ক্রিপ্ট দুটি নির্দিষ্ট মূল মডিউল শুরু করে:

  • সেশন রিপ্লে এক্সপোর্টার (initGa4SessionBridge): সক্রিয় রেকর্ডিং সেশনের পরিচয়চিহ্ন (mp_session_id) ও সরাসরি রিপ্লের URL (mp_session_url) সেশন স্থাপিত হলেই স্বয়ংক্রিয়ভাবে ওয়েবসাইটের ডেটা লেয়ারে পাঠায়।
  • GA4 ইভেন্ট গ্রহণকারী (initDataLayerBridge): ডেটা লেয়ার অ্যারেতে আগের কাজ নষ্ট না করে লিসেনার যুক্ত করে। GA4-এর জন্য পাঠানো যেকোনো কাস্টম ই-কমার্স বা আচরণগত ইভেন্ট সঙ্গে সঙ্গে MousePlayer বিশ্লেষণের ডেটাবেসে কাস্টম ইভেন্ট হিসেবে অনুলিপি হয় (ce), সব সংখ্যার ও লেখার প্যারামিটারসহ।

কাস্টম dataLayer অবজেক্টের সুবিধা: ওয়েব অ্যাপ প্রচলিত নামের বদলে নিজস্ব JavaScript অ্যারের নাম ব্যবহার করলে, যেমন প্রচলিত dataLayer -এর বদলে (উদাহরণস্বরূপ, xyzDataLayer), ইঞ্জিন স্বয়ংক্রিয়ভাবে মানিয়ে নেয় নির্ধারিত gtm_datalayer_name প্যারামিটারের সঙ্গে, হাতে কোড বদলানোর প্রয়োজন ছাড়াই।

2. কৌশলগত ব্যবসায়িক মূল্য

এন্টারপ্রাইজ বিশ্লেষণের প্রবাহে সরাসরি সেশন রিপ্লে লিংক যুক্ত করা পরিচালনার বেশ কিছু গুরুত্বপূর্ণ সুবিধা দেয়:

ব্যবসায়িক ক্ষমতা পরিচালনায় প্রভাব
কনভার্সন হারের উন্নতি (CRO) ডিজিটাল বিশ্লেষকেরা GA4 কনভার্সন ফানেলের বাধা শনাক্ত করে চেকআউটের নির্দিষ্ট ধাপে কার্ট ছেড়ে যাওয়া ব্যবহারকারীর রেকর্ডিং সঙ্গে সঙ্গে খুলতে পারেন।
আয়ের উৎস নির্ধারণ & নিরীক্ষা কেনাকাটা পর্যন্ত নিয়ে যাওয়া পয়েন্টারের সঠিক পথ, ক্লিক ও দৃশ্যমান এলাকার অবস্থা দেখে বেশি মূল্যের ই-কমার্স লেনদেন নিরীক্ষা করা যায়।
দ্রুত প্রযুক্তিগত ত্রুটি নির্ণয় QA প্রকৌশল দল GA4-এর JavaScript এক্সেপশন ইভেন্ট বা API ত্রুটির লগ সরাসরি দৃশ্যমান স্ক্রিন রেকর্ডিংয়ের সঙ্গে মেলাতে পারে, হাতে ত্রুটি আবার ঘটানোর প্রয়োজন ছাড়াই।
গ্রাহক সহায়তায় সমাধান ব্যবহারকারীর সেশন ID থাকা সহায়তার টিকিটে কর্মীরা গ্রাহকের হুবহু সেশন রিপ্লে দেখতে পারেন, ফলে সমাধানের সময় অনেক কমে।

3. Google Tag Manager কনফিগারেশনের নির্দেশিকা

Google Tag Manager-এ রিপ্লে URL নিয়ে Google Analytics 4-এ পাঠাতে তিনটি আলাদা GTM উপকরণ কনফিগার করতে হবে:

ধাপ 1: ডেটা লেয়ারের ভেরিয়েবল তৈরি করুন

GTM ওয়ার্কস্পেসে যান ভেরিয়েবল → ব্যবহারকারীর নির্ধারিত ভেরিয়েবল বিভাগে এবং দুটি ভেরিয়েবল তৈরি করুন, ধরন হবে ডেটা লেয়ার ভেরিয়েবল:

  • ভেরিয়েবলের নাম: dlv - mp_session_id • ডেটা লেয়ার ভেরিয়েবলের নাম: mp_session_id
  • ভেরিয়েবলের নাম: dlv - mp_session_url • ডেটা লেয়ার ভেরিয়েবলের নাম: mp_session_url

ধাপ 2: চালু করার ট্রিগার তৈরি করুন

যান ট্রিগার → নতুন বিভাগে এবং ট্রিগারের ধরন বেছে নিন কাস্টম ইভেন্ট। নিচের প্যারামিটার নির্ধারণ করুন:

  • ইভেন্টের নাম: mp_session_ready
  • এই ট্রিগার চলে: সব কাস্টম ইভেন্টে

ধাপ 3: GA4 ইভেন্ট ট্যাগ কনফিগার করুন

নতুন ট্যাগ তৈরি করুন, ধরন হবে Google Analytics: GA4 ইভেন্ট , যাতে GA4 ওয়েব প্রপার্টিতে সেশনের লিংক পাঠানো হয়:

# GA4 Event Tag Configuration Tag Type: Google Analytics: GA4 Event Configuration Tag: [Select standard GA4 Configuration Tag] Event Name: mp_recording_ready # Event Parameters: | Parameter Name | Value | |-----------------|---------------------------| | mp_session_id | {{dlv - mp_session_id}} | | mp_session_url | {{dlv - mp_session_url}} | Triggering: Fire on Custom Event -> mp_session_ready

4. GA4-এ অনুসন্ধান (কাস্টম প্রতিবেদন) কনফিগার করা

GTM ট্যাগ চালু হলে GA4 ইভেন্ট প্যারামিটার হিসেবে রিপ্লে URL পেতে শুরু করে। কাস্টম অনুসন্ধান প্রতিবেদনে এই ডেটা বিশ্লেষণ করতে আগে প্যারামিটারটি কাস্টম ডাইমেনশন হিসেবে নিবন্ধন করতে হবে।

GA4 অ্যাডমিনে কাস্টম ডাইমেনশন নিবন্ধন

Google Analytics 4 ইন্টারফেসে যান অ্যাডমিন → ডেটা প্রদর্শন → কাস্টম সংজ্ঞা বিভাগে এবং ক্লিক করুন কাস্টম ডাইমেনশন তৈরি করুন:

  • ডাইমেনশনের নাম: MousePlayer Session URL
  • পরিসর: ইভেন্ট (অথবা সেশন , সেশনভিত্তিক প্যারামিটারে যুক্ত করলে)
  • ইভেন্ট প্যারামিটার: mp_session_url

সেশন পরীক্ষা করার অনুসন্ধান তৈরি

এই অনুসন্ধান বিভাগে, GA4-এ নতুন করে তৈরি করুন মুক্ত বিন্যাসের অনুসন্ধান, একক ব্যবহারকারীর যাত্রা পরীক্ষা করতে:

  • সারি: যোগ করুন Event name, Transaction ID (ই-কমার্সের জন্য), অথবা Landing page।
  • কলাম / ডাইমেনশন: সদ্য তৈরি কাস্টম ডাইমেনশন যুক্ত করুন: MousePlayer Session URL।
  • মান: যোগ করুন Event count অথবা Total users।

তৈরি প্রতিবেদনের টেবিলে GA4 মেট্রিকের পাশে সরাসরি ক্লিকযোগ্য URL দেখায়, ফলে পরিসংখ্যানের ব্যতিক্রম থেকে সঙ্গে সঙ্গে দৃশ্যমান রিপ্লেতে যাওয়া যায়।

5. GA4-এর ডিফল্ট প্রতিবেদনে রিপ্লে URL যুক্ত করা

অনুসন্ধানের পাশাপাশি সাধারণ GA4 ডিফল্ট প্রতিবেদনেও কাস্টম ডাইমেনশন যুক্ত করা যায় (যেমন ট্রাফিক অর্জন, পৃষ্ঠা ও স্ক্রিন, অথবা ই-কমার্স কেনাকাটা), GA4 Report Library ব্যবহার করে।

সাধারণ প্রতিবেদনের টেবিল বদলানো

  1. GA4-এ যেকোনো ডিফল্ট বিস্তারিত প্রতিবেদন খুলুন (যেমন, প্রতিবেদন → সম্পৃক্ততা → পৃষ্ঠা ও স্ক্রিন)।
  2. ক্লিক করুন প্রতিবেদন নিজের মতো করুন পেন্সিল আইকনে, ওপরের ডান কোণায় (অ্যাডমিনের অনুমতি দরকার)।
  3. ডানদিকের প্যানেলে প্রতিবেদনের ডেটাঅংশে ক্লিক করুন ডাইমেনশন।
  4. যোগ করুন MousePlayer Session URL প্রাথমিক বা মাধ্যমিক ডাইমেনশনের তালিকায় এবং দৃশ্যমান করুন।
  5. ক্লিক করুন সংরক্ষণ করুন → বর্তমান প্রতিবেদনে পরিবর্তন সংরক্ষণ করুন।

সংরক্ষণের পরে সাধারণ অর্জন বা কনভার্সন টেবিল দেখা বিশ্লেষক যোগ করতে পারেন MousePlayer Session URL মাধ্যমিক ডাইমেনশন হিসেবে, যাতে সাধারণ ট্রাফিক সেগমেন্ট জুড়ে দর্শকের আচরণ সঙ্গে সঙ্গে দেখা যায়।

6. JavaScript API & GA4 / GTM সামঞ্জস্যের নির্দেশিকা

MousePlayer সহজ, GA4-সামঞ্জস্যপূর্ণ JavaScript API দেয় (প্রচলিত gtag()ধরনের কমান্ড ব্যবহার করে) এবং প্রকাশ্য গ্লোবাল অবজেক্ট (window.MousePlayer) দেয়। এতে ডেভেলপাররা কনসোলে সেশনের URL জানতে, B2B গ্রাহক ID যুক্ত করতে এবং তৃতীয় পক্ষের হেল্পডেস্ক বা ত্রুটি ট্র্যাকারে রিপ্লে লিংক দিতে পারেন।

1. সরাসরি রিপ্লে URL যুক্ত করা (Intercom / Zendesk / কাস্টম ব্রিজ)

ব্রাউজার কনসোল বা যেকোনো কাস্টম স্ক্রিপ্ট থেকে সক্রিয় দর্শকের সেশনের সম্পূর্ণ রিপ্লে URL সরাসরি নিতে পারেন, ব্যবহার করে window.MousePlayer.getSessionUrl():

// Example: Retrieve the active session URL and attach it to Intercom chat metadata if (window.MousePlayer && window.MousePlayer.getSessionUrl) { var replayUrl = window.MousePlayer.getSessionUrl(); console.log('Active Replay:', replayUrl); // Attach to Intercom Messenger metadata if (window.Intercom) { Intercom('update', { 'mouseplayer_replay_url': replayUrl }); } }

2. কাস্টম B2B গ্রাহক ID নির্ধারণ (user_id)

প্রবেশ করা SaaS বা B2B গ্রাহক শনাক্ত করতে কাস্টম মান দিতে পারেন এই ঘরে: user_id (যেমন ডেটাবেস ID, ইমেইল বা UUID), স্ক্রিপ্টের শুরুর কনফিগারেশনে অথবা GA4 সিনট্যাক্স দিয়ে চলার সময়:

// Method A: Set user_id dynamically at login (GA4 / gtag style) mp('set', 'user_id', 'USR-987654'); // Method B: Set via config object mp('config', 'YOUR_CHANNEL_ID', { user_id: 'USR-987654' }); // Method C: Direct SDK invocation window.MousePlayer.setUserId('USR-987654');

3. অ্যাসিঙ্ক্রোনাসভাবে ডেটা নেওয়ার পদ্ধতি

কাস্টম ট্যাগ পরিচালনার স্ক্রিপ্টের মধ্যে অ্যাসিঙ্ক্রোনাসভাবে সেশনের মেটাডেটা নিতে সাধারণ GA4 কলব্যাক সিনট্যাক্স ব্যবহার করতে পারেন:

// Retrieve active session URL mp('get', 'session_url', function(url) { console.log('Session URL:', url); }); // Retrieve visitor ID (Client ID equivalent) mp('get', 'client_id', function(clientId) { console.log('Visitor ID:', clientId); });

এখানে উল্লিখিত সব ট্রেডমার্ক নিজ নিজ মালিকের। এই সেবাদাতাদের সঙ্গে MousePlayer-এর ব্যবসায়িক সম্পর্ক নেই।