gtag.js-এর মাধ্যমে Google ট্যাগ সেট-আপ করা

মনে রাখবেন: আপনার সাইটে ট্যাগ সেট-আপ ও প্রয়োগ করার জন্য আমরা Google Tag Manager ব্যবহার করার সাজেশন দিই।

Google ট্যাগ হল এমন একটি ট্যাগ যা আপনি নিজের ওয়েবসাইটে যোগ করতে পারেন। এর মাধ্যমে আপনি Google Ads, Google Analytics, Campaign Manager, Display & Video 360 এবং Search Ads 360-এর মতো Google-এর পরিমাপ ও বিজ্ঞাপন সংক্রান্ত প্রোডাক্ট ব্যবহার করতে পারবেন। বিভিন্ন Google প্রোডাক্টের জন্য একাধিক ট্যাগ ম্যানেজ করার পরিবর্তে, আপনার পুরো সাইট জুড়ে Google ট্যাগ ব্যবহার করতে এবং একাধিক গন্তব্যের সাথে ট্যাগ কানেক্ট করতে পারেন।

Google ট্যাগ সম্পর্কে আরও জানুন

এই পৃষ্ঠায় ব্যাখ্যা করা হয়েছে যে কীভাবে gtag.js ফ্রেমওয়ার্ক ব্যবহার করে আপনার সাইটে Google ট্যাগ সেট-আপ ও ডিপ্লয় করতে হয়।

সুবিধা

কনভার্সন পরিমাপ করা এবং Google মার্কেটিংয়ে আপনার বিনিয়োগের ভ্যালু অপ্টিমাইজ করার সেরা উপায় হল আপনার সাইটের প্রতিটি পৃষ্ঠায় ট্যাগ যোগ করা। আপনার সাইট জুড়ে Google ট্যাগ প্রয়োগ করে, আপনি নিম্নলিখিত সুবিধাগুলি অ্যাক্সেস করতে পারবেন:

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

আপনার ওয়েবসাইটে Google ট্যাগ যোগ করুন

Google ট্যাগ ব্যবহার করে ডেটা সংগ্রহ করতে:

1. আপনি ব্যবহার করেন এমন একটি Google প্রোডাক্ট খুলুন এবং Google ট্যাগ স্ক্রিন অ্যাক্সেস করুন। এখানে আপনার ট্যাগ আইডি কীভাবে খুঁজে পাবেন:

   • Google Ads
   • Google Analytics
   • Google Floodlight

2. আপনার Google ট্যাগ আইডি কপি করুন।

3. নিচে দেওয়া কোড স্যাম্পেলে আপনার Google ট্যাগ আইডি পেস্ট করুন। আপনি যেসব পৃষ্ঠা পরিমাপ করতে চান সেগুলির প্রতিটিতে ওপেনিং <head> HTML ট্যাগের ঠিক পরেই Google tag স্নিপেটটি প্লেস করুন।

     <!-- Google tag (gtag.js) -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
     <script>
       window.dataLayer = window.dataLayer || [];
       function gtag(){dataLayer.push(arguments);}
       gtag('js', new Date());
   
       gtag('config', 'TAG_ID');
     </script>
   

   Google বিজ্ঞাপন প্রোডাক্টে ডেটা পাঠানোর জন্য config কমান্ড প্রয়োজন। অনেক ফিচারের জন্য আপনার ওয়েবসাইটে config কমান্ড সেট করতে হয়, যেমন অটোমেটিক সংগ্রহ করা ইভেন্ট ও কনভার্সন লিঙ্কিং। কনফিগারেশন কমান্ড সম্পর্কে আরও জানুন

Google ট্যাগ যাচাই করুন

আপনার ট্যাগ ডেটা পাঠাচ্ছে কিনা তা যাচাই করতে, আপনি Tag Assistant বা আপনার ব্রাউজারের ডেভেলপার টুল ব্যবহার করতে পারেন।

Tag Assistant-এর মাধ্যমে যাচাই করা

1. tagassistant.google.com/ লিঙ্কে যান।
2. ডোমেন যোগ করুন বিকল্পে ক্লিক করুন।
3. আপনি যে ওয়েবসাইট ডিবাগ করতে চান সেটির URL লিখুন, এটি "https://" বা "http://" দিয়ে শুরু হতে হবে।
4. কানেক্ট করুন বিকল্পে ক্লিক করুন।

আপনার ওয়েবসাইটে Tag Assistant কানেক্ট করার পরে, Google ট্যাগ পাওয়া গেছে হেডিংয়ে আপনার Google ট্যাগ আইডি দেখা যাচ্ছে কিনা দেখুন। সবুজ বা নীল আইকন থেকে বোঝা যায় যে ট্যাগটি পাওয়া গেছে এবং সেটি সঠিকভাবে কাজ করছে।

Tag Assistant আপনার ট্যাগ শনাক্ত করতে না পারলে, Tag Manager সহায়তা কেন্দ্র থেকে সমস্যা সমাধান সংক্রান্ত পরামর্শ পান।

এছাড়াও, আপনার সাইটের ট্যাগিং স্ট্যাটাসের ওভারভিউ পেতে, আপনি ট্যাগ কভারেজ সারসংক্ষেপ অ্যাক্সেস করতে পারবেন।

ব্রাউজার ডেভেলপার টুলের মাধ্যমে যাচাই করা

কোনও পৃষ্ঠায় ট্যাগ ফায়ার হচ্ছে কিনা তা যাচাই করতে:

1. Google Chrome-এ আপনার ওয়েবসাইট খুলুন।
2. Chrome ডেভেলপার টুল খুলুন (দেখুন > ডেভেলপার > ডেভেলপার টুল)।
3. নেটওয়ার্ক ট্যাব খুলুন।
4. পৃষ্ঠাটি রিফ্রেশ করুন।

5. আপনি googletagmanager.com-এ অনুরোধ দেখতে পেলে, আপনার ট্যাগ ফায়ার করছে।

   নির্দিষ্ট Google প্রোডাক্টের জন্য হিট খুঁজে দেখার মাধ্যমে আপনি নিজের সেট-আপ আরও চেক করতে পারবেন:

   • Google Ads: googleadservices.com বা googlesyndication.com-এ অনুরোধের জন্য ফিল্টার করুন।
   • Google Analytics: google-analytics.com বা analytics.google.com-এর জন্য করা অনুরোধ ফিল্টার করুন।
   • Floodlight: doubleclick.net-এর জন্য করা অনুরোধ ফিল্টার করুন।

   আপনার কনফিগার করা প্রোডাক্টের জন্য অনুরোধ দেখতে না পেলে, এমন হতে পারে যে আপনি শুধু config কমান্ড দিয়ে প্রোডাক্ট লোড করেছেন কিন্তু কোনও ইভেন্ট পাঠাচ্ছেন না। event কমান্ড ব্যবহার করে আপনি এই প্রোডাক্টের জন্য ইভেন্ট পাঠাচ্ছেন কিনা তা চেক করুন। যেমন, আপনি send_page_view-এর মান false হিসেবে সেট না করলে, config কমান্ড কল করা হলে Google Analytics অটোমেটিক একটি page_view ইভেন্ট পাঠায়।

   আপনি এখনও কোনও অনুরোধ দেখতে না পেলে, কোনও সমস্যা হয়েছে কিনা তা জানতে ডেভেলপার টুল কনসোল চেক করুন।

   মনে রাখবেন: আপনি সার্ভার-সাইড ট্যাগিং ব্যবহার করলে, ব্রাউজারের পরিবর্তে আপনার ট্যাগিং সার্ভারে নেটওয়ার্ক অনুরোধ চেক করুন।

   বিস্তারিতভাবে ডিবাগ করতে, [Tag Assistant][vn_Tag_Assistant] ব্যবহার করুন।

   [vn_Tag_Assistant]: //tagassistant.google.com

আপনার Google Analytics সেট-আপ যাচাই করা, ডেটা না দেখা গেলে সমস্যা শনাক্ত করা এবং ডেটা প্রসেস করার সময়সীমা সম্পর্কে আরও বিস্তারিত তথ্য পেতে, আপনার Google Analytics সেট-আপ যাচাই ও সমস্যা সমাধান করুন দেখুন।

পরবর্তী ধাপ

আপনি Google ট্যাগ সেট-আপ করেছেন, এখন Google প্রোডাক্ট কনফিগার করুন এবং ইভেন্ট ডেটা পাঠান।