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 Tag Manager-এর ক্ষমতা অন্তর্ভুক্ত করার জন্য আমরা সব Google ট্যাগ (gtag.js) আপগ্রেড করেছি। যেসব ওয়েবসাইট শুধুমাত্র gtag.js ব্যবহার করে, সেগুলি এখন আগে থেকে থাকা UI-চালিত ট্যাগিং ফিচার, ডিবাগিং ও ভার্সন কন্ট্রোল ব্যবহার করতে পারবে, যার ফলে GTM একটি শক্তিশালী টুল হয়ে উঠেছে।

আপনি প্রথমবার Google ট্যাগ ইনস্টল করলে, আমরা Google Tag Manager ব্যবহার করার সাজেশন দিই। আগে থেকে থাকা ইমপ্লিমেন্টেশন কাজ করা চালিয়ে যাবে এবং কোনও অ্যাকশন নেওয়ার প্রয়োজন নেই।

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

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

   • Google Ads
   • Google Analytics
   • Google Floodlight

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

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

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

   মনে রাখবেন: gtag('config') কমান্ডটি বন্ধ হয়ে গেছে এবং ডিফল্ট ইনস্টলেশন স্নিপেটে আর অন্তর্ভুক্ত নেই। Google Tag Manager UI-তে সেটিংস ও ডেস্টিনেশন কনফিগার করুন অথবা পৃষ্ঠার মধ্যে থাকা প্যারামিটারের জন্য gtag('set') ব্যবহার করুন। gtag('config') সহ আগে থেকে থাকা স্নিপেট ব্যাকওয়ার্ড কম্প্যাটিবিলিটির জন্য কাজ করা চালিয়ে যাবে। আরও জানুন।

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

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

Tag Assistant-এর সাহায্যে যাচাই করুন

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

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

ট্যাগ অ্যাসিস্ট্যান্ট আপনার ট্যাগ শনাক্ত করতে না পারলে, ট্যাগ ম্যানেজার সহায়তা কেন্দ্র থেকে ডিবাগ করার পরামর্শ দেখুন।

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

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

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

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 কমান্ড ব্যবহার করে আপনি এই প্রোডাক্টের জন্য ইভেন্ট পাঠাচ্ছেন কিনা তা চেক করুন। যেমন, config কমান্ড কল করা হলে, Google Analytics অটোমেটিক page_view ইভেন্ট পাঠায়, যদি না আপনি send_page_view-কে false হিসেবে সেট করেন।

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

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

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

   [vn_Tag_Assistant]: //tagassistant.google.com

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

পরবর্তী ধাপ

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