GTM Bridge & GA4 Event Bridge

দুয়োমুখী dataLayer সমন্বয় আৰু GA4-সঙ্গত API ৰ জৰিয়তে Google Analytics 4 ৰ পৰিমাণগত টেলিমেট্ৰিক MousePlayer ৰ গুণগত ছেছন পুনৰ চলোৱাৰ সৈতে সংযুক্ত কৰক।

1. স্থাপত্যৰ সংক্ষিপ্ত বিৱৰণ & সামৰ্থ্য

আধুনিক ৱেব বিশ্লেষণত প্ৰায়ে তথ্য পৃথক হৈ থকাৰ মূল সমস্যা থাকে: পৰিমাণগত প্লেটফৰ্মে (যেনে Google Analytics 4) ৱেবছাইটত কি ঘটিছিল জনায়, আৰু গুণগত ছেছন পুনৰ চলোৱা সঁজুলিয়ে ব্যাখ্যা কৰে কিয় সেয়া ঘটিছিল। MousePlayer GTM & GA4 Bridge এ ব্ৰাউজাৰৰ JavaScript চলোৱা পৰিৱেশত দুয়োমুখী সমন্বয়ৰ চেনেল স্থাপন কৰি এই ব্যৱধান আঁতৰায়।

সক্ৰিয় কৰিলে ট্ৰেকিং স্ক্ৰিপ্টে দুটা নিৰ্দিষ্ট মূল মডিউল আৰম্ভ কৰে:

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

নিজা dataLayer অবজেক্টৰ সমৰ্থন: ৱেব এপ্লিকেশ্যনে মানক dataLayer ৰ সলনি JavaScript এৰেৰ নিজা নাম (যেনে 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: Data Layer Variable সৃষ্টি কৰক

GTM কৰ্মক্ষেত্ৰত Variables → User-Defined Variables লৈ গৈ এই ধৰণৰ দুটা চলক সৃষ্টি কৰক: Data Layer Variable:

  • Variable Name: dlv - mp_session_id • Data Layer Variable Name: mp_session_id
  • Variable Name: dlv - mp_session_url • Data Layer Variable Name: mp_session_url

পদক্ষেপ 2: সক্ৰিয়কৰণৰ ট্ৰিগাৰ সৃষ্টি কৰক

Triggers → New লৈ গৈ ট্ৰিগাৰৰ ধৰণ বাছক Custom Event। তলৰ পেৰামিটাৰবোৰ বিন্যাস কৰক:

  • Event Name: mp_session_ready
  • This trigger fires on: All Custom Events

পদক্ষেপ 3: GA4 ইভেণ্ট টেগ বিন্যাস কৰক

ছেছনৰ লিংক GA4 প্ৰপাৰ্টিলৈ পঠাবলৈ নতুন টেগৰ ধৰণ বাছক Google Analytics: GA4 Event :

# 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 ত Explorations (নিজা প্ৰতিবেদন) বিন্যাস কৰা

GTM টেগ স্থাপন কৰাৰ পিছত GA4 এ পুনৰ চলোৱাৰ URL ইভেণ্টৰ পেৰামিটাৰ হিচাপে গ্ৰহণ কৰিবলৈ আৰম্ভ কৰে। নিজা অনুসন্ধানমূলক প্ৰতিবেদনত এই তথ্য বিশ্লেষণ কৰিবলৈ প্ৰথমে পেৰামিটাৰটো Custom Dimension হিচাপে পঞ্জীয়ন কৰিব লাগে।

GA4 Admin ত Custom Dimension পঞ্জীয়ন কৰা

Google Analytics 4 ৰ ইণ্টাৰফেচত Admin → Data display → Custom definitions লৈ গৈ ক্লিক কৰক Create custom dimension:

  • Dimension name: MousePlayer Session URL
  • Scope: Event (বা Session যদি ছেছনৰ পৰিসৰৰ পেৰামিটাৰৰ সৈতে সংযুক্ত কৰা হয়)
  • Event parameter: mp_session_url

ছেছন পৰীক্ষাৰ বাবে Exploration তৈয়াৰ কৰা

GA4 ৰ Explore অংশত এটা নতুন Free form অনুসন্ধান তৈয়াৰ কৰক, যাতে পৃথক ব্যৱহাৰকাৰীৰ যাত্ৰা পৰীক্ষা কৰিব পাৰে:

  • Rows: যোগ কৰক Event name, Transaction ID (ই-কমাৰ্চৰ বাবে), বা Landing page।
  • Columns / Dimensions: নতুনকৈ সৃষ্টি কৰা নিজা ডাইমেনশ্যন যোগ কৰক MousePlayer Session URL।
  • Values: যোগ কৰক Event count বা Total users।

সৃষ্টি হোৱা প্ৰতিবেদনৰ তালিকাত GA4 ৰ মেট্ৰিকৰ কাষতে পোনে পোনে ক্লিক কৰিব পৰা URL দেখুওৱা হয়; ইয়াৰ পৰা পৰিসংখ্যাগত ব্যতিক্ৰমৰ পৰা দৃশ্যগত ৰেকৰ্ডিংলৈ লগে লগে যাব পাৰে।

5. GA4 ৰ অবিকল্পিত প্ৰতিবেদনত পুনৰ চলোৱাৰ URL সংযোজন কৰা

Explorations ৰ উপৰি GA4 Report Library ব্যৱহাৰ কৰি মানক GA4 অবিকল্পিত প্ৰতিবেদনতো নিজা ডাইমেনশ্যন সংযোজন কৰিব পাৰি (যেনে Traffic acquisition, Pages and screens, বা E-commerce purchases)।

মানক প্ৰতিবেদনৰ তালিকা সলনি কৰা

  1. GA4 ত যিকোনো অবিকল্পিত বিতং প্ৰতিবেদন খোলক (যেনে Reports → Engagement → Pages and screens)।
  2. সোঁফালৰ ওপৰৰ চুকত থকা Customize report পেঞ্চিল চিহ্নত ক্লিক কৰক (প্ৰশাসনিক প্ৰৱেশাধিকাৰ প্ৰয়োজন)।
  3. সোঁফালৰ পেনেলত Report Data ৰ অধীনত ক্লিক কৰক Dimensions।
  4. MousePlayer Session URL প্ৰাথমিক বা গৌণ ডাইমেনশ্যনৰ তালিকাত যোগ কৰি দৃশ্যমান হিচাপে ছেট কৰক।
  5. ক্লিক কৰক Save → Save changes to current report।

সংৰক্ষণ কৰাৰ পিছত মানক আহৰণ বা ৰূপান্তৰৰ তালিকা চোৱা যিকোনো বিশ্লেষকে 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 ৰ কোনো ব্যৱসায়িক সম্পৰ্ক নাই।