বিজ্ঞাপন মেট্রিক্স দিয়ে কোর ওয়েব ভাইটাল ফিল্ড ডেটা পরিমাপ করুন

1. আপনি শুরু করার আগে

এই কোডল্যাবে, আপনি শিখবেন কিভাবে একটি পূর্ব-নির্মিত Google ট্যাগ ম্যানেজার (GTM) ট্যাগ টেমপ্লেট দিয়ে কোর ওয়েব ভাইটাল পরিমাপ করতে হয় এবং Google Analytics 4 (GA4) প্রপার্টিতে ডেটা পাঠাতে হয়। একটি পূর্ব-নির্মিত লুকার স্টুডিও ড্যাশবোর্ডের সাথে কোর ওয়েব ভাইটালস ফিল্ড ডেটা এবং বিজ্ঞাপনের পারফরম্যান্স মেট্রিক্সকে পারস্পরিক সম্পর্ক স্থাপনের জন্য আপনি Google Ad Manager এবং Google AdSense থেকে GA4-এ কীভাবে ডেটা টেনে আনতে হয় তাও শিখবেন।

আপনি কি করবেন

• আপনার Google ট্যাগ ম্যানেজার কন্টেনারে একটি ট্যাগ আমদানি করুন এবং সেটআপ করুন৷
• GA4 এ ওয়েব পৃষ্ঠার মূল ওয়েব ভাইটাল পরিমাপ করুন।
• Google ট্যাগ ম্যানেজারে একটি GA4 ইভেন্ট ট্যাগ সেটআপ করুন।
• dataLayer এবং GA4 রিপোর্টিং-এ ওয়েব ভিটালস ডেটা অন্বেষণ করুন।
• Google Ad Manager এবং Google AdSense এর সাথে আপনার GA4 প্রপার্টি লিঙ্ক করুন।
• একটি লুকার স্টুডিও ড্যাশবোর্ডের মাধ্যমে কোর ওয়েব ভাইটাল এবং বিজ্ঞাপনের আয়ের সাথে সম্পর্ক স্থাপন করুন।

আপনি কি প্রয়োজন হবে

• একটি Google Analytics অ্যাকাউন্ট এবং সম্পাদক অ্যাক্সেস সহ একটি GA4 ওয়েব সম্পত্তি৷
• প্রকাশনার অধিকার সহ একটি Google ট্যাগ ম্যানেজার অ্যাকাউন্ট এবং ওয়েব কন্টেইনার৷
• একটি Google অ্যাড ম্যানেজার নেটওয়ার্ক এবং/অথবা অ্যাডমিন অ্যাক্সেস সহ Google AdSense অ্যাকাউন্ট।
• একটি লুকার স্টুডিও অ্যাকাউন্ট।

2. GitHub থেকে GTM-এ ট্যাগ টেমপ্লেট যোগ করুন

একটি GTM ট্যাগ টেমপ্লেটের মাধ্যমে মূল ওয়েব ভাইটাল পরিমাপ করা web-vitals লাইব্রেরির উপর ভিত্তি করে। প্রথমে, আমরা GTM ট্যাগ টেমপ্লেট ডাউনলোড করব।

1. template.tpl ফাইলটি খুলুন
2. আপনার কম্পিউটারে ফাইল ডাউনলোড করুন

এখন, আপনার Google ট্যাগ ম্যানেজার অ্যাকাউন্টে যান ।

1. আপনার ওয়েব ধারক খুলুন.
2. একটি নতুন কর্মক্ষেত্র তৈরি করুন এবং একটি নাম লিখুন (যেমন "কোর ওয়েব ভাইটাল পরিমাপ")।
3. "টেমপ্লেট" এ যান।
4. "ট্যাগ টেমপ্লেট" বিভাগে, "নতুন" বোতামে ক্লিক করুন।

5. আরও অ্যাকশন মেনুতে ক্লিক করুন এবং আমদানি নির্বাচন করুন।

6. আপনার কম্পিউটার থেকে পূর্বে ডাউনলোড করা TPL ফাইলটি নির্বাচন করুন।
7. "সংরক্ষণ করুন" বোতামে ক্লিক করুন।

আপনি আপনার Google ট্যাগ ম্যানেজার কন্টেনারে ট্যাগ টেমপ্লেট যোগ করেছেন।

3. ওয়েব ভাইটাল ট্যাগ সেটআপ করুন৷

1. আপনার Google ট্যাগ ম্যানেজার ওয়ার্কস্পেসে, "ট্যাগ" এ যান।
2. "নতুন" এ ক্লিক করে ওয়েব ভাইটাল ট্যাগ যোগ করুন, তারপর "ট্যাগ কনফিগারেশন" এবং "কাস্টম" বিভাগ থেকে "ওয়েব ভাইটালস" ট্যাগটি বেছে নিন।
3. পরবর্তী ধাপ তাই বিভিন্ন সেটিংস কনফিগার করা হয়. সমস্ত সেটিংস GitHub সংগ্রহস্থলে ব্যাখ্যা করা হয়েছে। এই কোডল্যাব এবং চূড়ান্ত ড্যাশবোর্ড কাজ করার জন্য নিম্নলিখিত সেটিংস যথেষ্ট।

4. একটি পৃষ্ঠা দৃশ্য ট্রিগার প্রয়োগ করুন, যেমন "সমস্ত পৃষ্ঠা" ট্রিগার।
5. প্রয়োজনে ট্রিগার ব্যতিক্রমও যোগ করুন।
6. "কোর ওয়েব ভাইটালস - সমস্ত পৃষ্ঠা" হিসাবে ট্যাগটির নাম দিন এবং এটি সংরক্ষণ করুন৷

4. ডেটালেয়ারে ওয়েব ভাইটাল ডেটা অন্বেষণ করুন৷

ট্যাগটি কার্যকর দেখতে, Google ট্যাগ ম্যানেজারের পূর্বরূপ মোডে স্যুইচ করুন ৷ ট্যাগ সহকারী খুলবে এবং আপনার সেটআপের পূর্বরূপ এবং ডিবাগ করার জন্য একটি URL চাইবে৷ Google ট্যাগ ম্যানেজার কন্টেইনার প্রয়োগ করা হয়েছে এমন একটি পৃষ্ঠার URL প্রদান করুন এবং "সংযুক্ত করুন" এ ক্লিক করুন। প্রদত্ত URL সহ একটি পৃথক ট্যাব খুলবে৷

1. স্ক্রোল করে এবং উপাদান বা সাদা স্থানগুলিতে ক্লিক করে পৃষ্ঠার সাথে ইন্টারঅ্যাক্ট করুন।
2. তারপর ট্যাগ সহকারী এবং Google ট্যাগ ম্যানেজারের পূর্বরূপ মোড দিয়ে ট্যাবে ফিরে যান।
3. বাম দিকে আপনি dataLayer বিভিন্ন ইভেন্ট পুশ করা দেখতে পাবেন।
4. প্রথমে আপনাকে পরীক্ষা করা উচিত যে আপনার নির্বাচিত পৃষ্ঠা ভিউ ট্রিগারে Web Vitals ট্যাগটি ফায়ার হয়েছে কিনা।

5. আপনি তিনটি "web_vitals" ইভেন্টও দেখতে পাবেন, যেখানে তাদের প্রত্যেকটি একটি কোর ওয়েব ভাইটাল প্রতিনিধিত্ব করে: LCP, INP এবং CLS।

6. প্রথমটিতে ক্লিক করুন এবং ডানদিকে "API কল" ট্যাবটি খুলুন, যেখানে আপনি ট্যাগ টেমপ্লেট থেকে dataLayer পুশ করা ডেটা দেখতে পাবেন।

7. "web_vitals" ইভেন্টগুলির অন্যান্য এন্ট্রিগুলিও পরীক্ষা করুন৷ বিভিন্ন ধরনের ডেটার রেফারেন্স হিসেবে web-vitals.js ডকুমেন্টেশন ব্যবহার করুন।

5. GA4 এ ওয়েব ভাইটাল ডেটা পাঠান

dataLayer থেকে কোর ওয়েব ভাইটাল ডেটা টেনে আনতে এবং GA4-এ পাঠাতে, আপনাকে করতে হবে:

• GA4 ট্যাগের জন্য একটি ট্রিগার তৈরি করুন
• dataLayer থেকে ডেটা টানতে ভেরিয়েবল তৈরি করুন
• GA4 ইভেন্ট ট্যাগ তৈরি করুন

ট্রিগার তৈরি করুন

1. আপনার Google ট্যাগ ম্যানেজার ওয়ার্কস্পেসে, "ট্রিগারস" এ যান।
2. "নতুন" ক্লিক করে একটি নতুন ট্রিগার যোগ করুন, তারপর "ট্রিগার কনফিগারেশন" এবং "অন্যান্য" বিভাগ থেকে "কাস্টম ইভেন্ট" নির্বাচন করুন৷
3. ইভেন্ট নামের ক্ষেত্রে "web_vitals" সেট করুন, ট্রিগারের নাম দিন এবং সংরক্ষণ করুন।

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

1. আপনার Google ট্যাগ ম্যানেজার ওয়ার্কস্পেসে, "ভেরিয়েবল" এ যান।
2. "ডেটা লেয়ার ভেরিয়েবল" টাইপ থেকে একটি নতুন ব্যবহারকারী-সংজ্ঞায়িত ভেরিয়েবল তৈরি করুন।
3. ডেটা লেয়ার ভেরিয়েবল নামের ক্ষেত্রে "webVitalsData.name" সেট করুন, ভেরিয়েবলের নাম দিন (যেমন "DLV - webVitalsData.name") এবং সংরক্ষণ করুন।

4. অন্যান্য চারটি প্রয়োজনীয় ডেটা স্তর ভেরিয়েবলের জন্য এই পদক্ষেপগুলি পুনরাবৃত্তি করুন। "webVitalsData.value" তৈরি করুন।

5. "webVitalsData.id" নামের ক্ষেত্র দিয়ে আরেকটি ভেরিয়েবল তৈরি করুন।

6. "webVitalsData.rating" তৈরি করুন।

7. "webVitalsData.delta" তৈরি করুন।

8. আপনার নিম্নলিখিত ব্যবহারকারী-সংজ্ঞায়িত dataLayer ভেরিয়েবলগুলির সাথে শেষ হওয়া উচিত:

GA4 ইভেন্ট ট্যাগ তৈরি করুন

একটি GA4 ইভেন্ট ট্যাগ তৈরি করার আগে নিশ্চিত করুন যে আপনার Google ট্যাগ ইতিমধ্যেই সেট আপ করা আছে ।

1. আপনার Google ট্যাগ ম্যানেজার ওয়ার্কস্পেসে, "ট্যাগ" এ যান।
2. "নতুন" এ ক্লিক করে একটি GA4 ইভেন্ট ট্যাগ যোগ করুন, তারপর "ট্যাগ কনফিগারেশন" এবং "Google Analytics" বিভাগ থেকে "Google Analytics: GA4 ইভেন্ট" ট্যাগটি বেছে নিন।
3. সংশ্লিষ্ট ক্ষেত্রে আপনার পরিমাপ আইডি ইনপুট করুন ।

4. "ইভেন্টের নাম" ইনপুট ক্ষেত্রের জন্য, পূর্বে তৈরি করা ধাপ থেকে dataLayer ভেরিয়েবল "DLV - webVitalsData.name" বেছে নিন।

5. অন্যান্য dataLayer ভেরিয়েবলগুলিকে ইভেন্ট প্যারামিটার হিসাবে যুক্ত করুন যেমন স্ক্রিনশটে দেখানো হয়েছে। কোর ওয়েব ভাইটাল ইভেন্টগুলিকে গোষ্ঠীভুক্ত করতে "ওয়েব ভাইটালস" এর মতো মান সহ প্যারামিটার "event_category" যোগ করা নিশ্চিত করুন৷

6. GA4 UI-তে এই ইভেন্ট প্যারামিটারগুলি কাস্টম মাত্রা হিসাবে নিবন্ধন করুন ।
7. আপনার GA4 সেটআপের প্রয়োজনীয়তার উপর ভিত্তি করে অতিরিক্ত সেটিংস প্রয়োগ করুন।
8. GA4 ট্যাগের ট্রিগার হিসেবে "web_vitals" কাস্টম ইভেন্ট সেট করুন।
9. প্রয়োজনে ট্রিগার ব্যতিক্রমও যোগ করুন।

GA4-এ ডেটা চেক করুন

GA4-এ ডেটা প্রবাহ যাচাই করতে Google Tag Manager-এর প্রিভিউ মোডে আবার স্যুইচ করুন। ট্যাগ সহকারীকে একটি URL প্রদান করুন এবং "সংযোগ" এ ক্লিক করুন।

1. স্ক্রোল করে এবং উপাদান বা সাদা স্থানগুলিতে ক্লিক করে পৃষ্ঠার সাথে ইন্টারঅ্যাক্ট করুন।
2. তারপর ট্যাগ সহকারী এবং Google ট্যাগ ম্যানেজারের পূর্বরূপ মোড দিয়ে ট্যাবে ফিরে যান।
3. বাম দিকে, প্রতিটি "web_vitals" এন্ট্রিতে ক্লিক করুন এবং নিশ্চিত করুন যে GA4 Core Web Vitals ট্যাগ ফায়ার হয়েছে।

4. কার্ডে ক্লিক করে GA4 ট্যাগটি খুলুন যাচাই করতে, সেই ডেটা সঠিকভাবে dataLayer থেকে তোলা হয়েছে। মান হিসাবে ভেরিয়েবল প্রদর্শন নিশ্চিত করুন.

5. এখন আপনার GA4 প্রপার্টিতে স্যুইচ করুন এবং রিয়েলটাইম রিপোর্ট খুলুন।
6. "ইভেন্টের নাম অনুসারে ইভেন্ট গণনা" কার্ডে আপনি যাচাই করতে পারেন যদি আপনার মূল ওয়েব ভাইটাল ইভেন্টগুলি সফলভাবে সংগ্রহ করা হয়।

7. যদি রিয়েলটাইম রিপোর্টে প্রচুর পরিমাণে ডেটা প্রক্রিয়া করা হয়, তাহলে ঘটনাগুলি এত সহজে শনাক্ত করা সম্ভব নয়। সেই ক্ষেত্রে ডিবাগভিউ রিপোর্ট ব্যবহার করুন, যা আপনাকে একটি নির্দিষ্ট ডিভাইসের জন্য ডেটা দেখতে দেয়।

7. আপনার সেটআপ প্রকাশ করুন

একবার আপনি সফলভাবে আপনার সেটআপ পরীক্ষা করে ফেললে আপনার কর্মক্ষেত্র প্রকাশ করার সময় এসেছে৷

1. আপনার Google ট্যাগ ম্যানেজার ওয়ার্কস্পেস খুলুন।
2. UI এর মধ্যে উপরের ডানদিকে, "জমা দিন" এ ক্লিক করুন।
3. একটি সংস্করণের নাম এবং সংস্করণের বিবরণ প্রদান করুন এবং "প্রকাশ করুন" এ ক্লিক করে আপনার সেটআপকে লাইভ করুন।

8. Google Ad Manager বা Google AdSense এর সাথে GA4 সংযুক্ত করুন৷

GA4-এ Core Web Vitals ডেটা সংগ্রহ করার পরে, ড্যাশবোর্ড কাজ করার জন্য বিজ্ঞাপন-সম্পর্কিত মেট্রিকগুলিও GA4-এ উপলব্ধ থাকতে হবে। Google Ad Manager এবং Google AdSense এর সাথে GA4 অথবা এই বিজ্ঞাপন সমাধানগুলির মধ্যে একটির সাথে সংযোগ করুন৷ অনুগ্রহ করে মনে রাখবেন, লিঙ্ক করার জন্য আপনার অবশ্যই GA4-এ সম্পাদক (বা উচ্চতর) অনুমতি এবং Google Ad Manager এবং Google AdSense-এ অ্যাডমিনিস্ট্রেটরের অনুমতি থাকতে হবে।

Google Ad Manager-এর সাথে GA4 কানেক্ট করুন

1. আপনার Google Ad Manager নেটওয়ার্কে যান।
2. "অ্যাডমিন" -> "গ্লোবাল সেটিংস" -> "নেটওয়ার্ক সেটিংস" এ ক্লিক করুন।
3. "রিপোর্ট সেটিংস" বিভাগে, "Google Analytics 4 প্রপার্টি রিপোর্ট ইন অ্যাড ম্যানেজার রিপোর্টিং" সক্ষম করুন।

4. শর্তাবলী পর্যালোচনা করুন এবং "নিশ্চিত করুন" এ ক্লিক করুন।
5. আপডেটটি সংরক্ষণ করুন।
6. "অ্যাডমিন" -> "লিঙ্ক করা অ্যাকাউন্ট" -> "গুগল অ্যানালিটিক্স 4" এ যান।
7. "নতুন Google Analytics 4 সম্পত্তি লিঙ্ক" ক্লিক করুন।
8. আপনি লিঙ্ক করতে চান আপনার GA4 প্রপার্টি খুঁজুন এবং নির্বাচন করুন।
9. সংরক্ষণ ক্লিক করুন এবং আপনি সম্পন্ন.

Google AdSense এর সাথে GA4 সংযুক্ত করুন

1. আপনার Google AdSense অ্যাকাউন্টে যান।
2. "অ্যাকাউন্ট" -> "অ্যাক্সেস এবং অনুমোদন" -> "Google Analytics ইন্টিগ্রেশন" এ ক্লিক করুন।
3. "+নতুন লিঙ্ক" এ ক্লিক করুন।

4. আপনি লিঙ্ক করতে চান আপনার GA4 প্রপার্টি খুঁজুন এবং নির্বাচন করুন।
5. "লিঙ্ক তৈরি করুন" এ ক্লিক করুন।

9. লুকার স্টুডিও দিয়ে ডেটা ভিজ্যুয়ালাইজ করুন

বিজ্ঞাপন মেট্রিক্সের সাথে কোর ওয়েব ভাইটাল ডেটার ভিজ্যুয়াল প্রেজেন্টেশনের জন্য এই ধাপে একটি লুকার স্টুডিও ড্যাশবোর্ড সেটআপ করা জড়িত। কোর ওয়েব ভাইটাল এবং বিজ্ঞাপনের আয়ের সাথে সম্পর্ক স্থাপন করতে অনুগ্রহ করে এই পদক্ষেপগুলি অনুসরণ করুন৷

1. এই লুকার স্টুডিও ড্যাশবোর্ড টেমপ্লেট খুলুন
2. ড্যাশবোর্ড কপি করুন ।
3. ড্রপডাউন তালিকা থেকে আপনার GA4 প্রপার্টি বেছে নিয়ে ডেটা সোর্স আপডেট করুন।
4. সম্পন্ন

অনুগ্রহ করে মনে রাখবেন, ড্যাশবোর্ড কাজ করতে এবং সঠিকভাবে ডেটা প্রদর্শন করার জন্য, ডেটা এই কোডল্যাব থেকে সিনট্যাক্স এবং নামকরণ পদ্ধতির উপর নির্ভর করে।

ড্যাশবোর্ডের একটি পৃষ্ঠা আপনাকে আপনার কোর ওয়েব ভাইটাল পারফরম্যান্সের একটি ঐতিহাসিক দৃশ্য দেবে:

দ্বিতীয় পৃষ্ঠায় আপনি গুগল অ্যাড ম্যানেজার এবং/অথবা গুগল অ্যাডসেন্স থেকে বিজ্ঞাপনের আয়ের সাথে কোর ওয়েব ভাইটালগুলিকে সংযুক্ত করতে পারেন:

তৃতীয় পৃষ্ঠা আপনাকে বিজ্ঞাপন-সম্পর্কিত মেট্রিক্সের সাথে পৃষ্ঠার পাথ স্তরে কোর ওয়েব ভাইটাল কর্মক্ষমতা বিশ্লেষণ করার ক্ষমতা দেয়:

10. উপসংহার

অভিনন্দন! আপনি Google Ad Manager এবং Google AdSense থেকে GA4 এবং বিজ্ঞাপনের পারফরম্যান্স মেট্রিক্সের সাহায্যে কোর ওয়েব ভাইটাল পরিমাপ এবং রিপোর্ট করতে শিখেছেন।

আরও জানুন

• কোর ওয়েব ভাইটাল এবং বিজ্ঞাপনের আয় Google টুলের সাথে সম্পর্কিত
• পৃষ্ঠার গতিকে প্রভাবিত না করে কার্যকরভাবে বিজ্ঞাপন লোড করা
• সবচেয়ে বড় বিষয়বস্তু পেইন্ট অপ্টিমাইজ করুন
• ক্রমবর্ধমান লেআউট শিফট অপ্টিমাইজ করুন
• নেক্সট পেইন্টে ইন্টারঅ্যাকশন অপ্টিমাইজ করুন