Call Now

Google Tag Manager (GTM) ব্যবহার করে Facebook Pixel সেট করা

ফেসবুক পিক্সেল ছাড়া ফেসবুক মার্কেটিং করা আর রাস্তার মোড়ে মোড়ে পোস্টার লাগানো কিন্তু একই কথা। আজকে আমরা GTM দিয়ে কিভাবে ফেসবুক পিক্সেল সেট করতে হয় সে বিষয়টি নিয়ে জানার চেষ্টা করব। ডিজিটাল মার্কেটারদের জন্য Google Tag Manager বা সংক্ষেপে GTM খুবই গুরুত্বপূর্ণ টুল। এই টুল ব্যাবহার করে বিভিন্ন গুরুত্বপূর্ণ ট্যাগ যেমন ফেসবুক পিক্সেল, গুগল এ্যানালিটিক্স ট্যাগ এমনকি গুগল এ্যাডওয়ার্ডস ক্যাম্পেইন ট্যাগ খুব সহজেই ট্রাকিং করা যায়। ডিজিটাল মার্কেটিং এর দীর্ঘদিনের একজন শিক্ষার্থী এবং মার্কেটার হিসেবে আমি সর্বদাই Google Tag manager (GTM) ব্যাবহার করে আমার সমস্ত গুরুত্বপূর্ন ট্যাগ আমি GTM দিয়ে ম্যানেজ করে থাকি।

যা যা শেখা যাবে এই ব্লগ থেকেঃ

  • কেন ব্যাবহার করবেন GTM?
  • GTM এর সাথে ওয়েবসাইট এবং ফেসবুক পিক্সেলের সম্পর্ক
  • GTM এর বিভিন্ন কম্পোনেন্ট সম্পর্কে ধারণা পাবেন
  • GTM ব্যাবহার করে কিভাবে ফেসবুক পিক্সেল সেটাপ করবেন?

বিশেষ দ্রষ্টব্যঃ এই আর্টিকেলের শেষে ফেসবুক পিক্সেল সেট করা নিয়ে একটি ভিডিও টিউটোরিয়াল রয়েছে। আশা করছি এটি আপনাদের অনেক উপকারে আসবে।

কেন GTM ব্যাবহার করবেন?

নিচের কারণগুলোর কারণে আমি GTM টুলটি ব্যাবহার করে থাকিঃ

  • যেকোন ধরণের ট্যাগ যেমন ফেসবুক পিক্সেল, এ্যানালিটিং এবং গুগল এ্যাডস এর গুরুত্বপূর্ন ট্যাগ ডেভেলপার এর সহযোগিতা ছাড়াই সংযোজন করা যায়।
  • সব ধরণের কোডগুলো একই জায়গায় থাকার কারণে সহজেই সেগুলো এডিট করা যায়।
  • খুব সহজেই ডিবাগ করে দেখা যায় যে কোন ট্যাগগুলো ডিপ্লোয় হচ্ছে কিনা।
  • একই সাথে আমার অন্যান্য টিম মেম্বার রা সহজেই আমার কাজে সহযোগিতা করতে পারে এবং প্রত্যেক কাজের ভার্সনিং নিয়ন্ত্রণ করা যায়।
  • কাজের সুবিধার্থে বিভিন্ন ভার্সন তৈরি করা যায়।

আজকে আমরা আলোচনা করব কিভাবে GTM ব্যাবহার করে Facebook Pixel সেট করা যায়।

GTM এ্যাকাউন্ট তৈরি করাঃ

GTM এ্যাকাউন্ট তৈরি করা খুবই সহজ কারণ আপনার একটি জিমেইল এ্যাকাউন্ট থাকলেই আপনি GTM এ্যাকাউন্ট তৈরি করতে পারবেন। Google Tag Manager Account লিখে সার্চ করলেই আপনি আপনার কাঙ্ক্ষিত ওয়েবসাইট এ পৌঁছে যাবেন। নিচের স্ক্রিনশটে দেয়া ফিল্ডগুলো পূরণ করলেই আপনার এ্যাকাউন্ট টি তৈরি হয়ে গেল।

GTM এর সাথে ওয়েবসাইট এবং ফেসবুক পিক্সেলের সম্পর্কঃ

সুতরাং উপড়ের ছবি থেকে এটা স্পষ্ট যে GTM এমন এক ধরণের টুল যেটি আপনার ওয়েবসাইট কে গুগল এ্যানালিটিক্স, গুগল এ্যাড এবং ফেসবুক পিক্সেলের সাথে যুক্ত করে।

বিনামূল্যে জয়েন করুন

বাংলা ভাষার সবথেকে বড় ডেটাভিত্তিক ডিজিটাল মার্কেটিং কমিউনিটিতে

জয়েন করতে চাই
Article Continues

GTM কে ওয়েবসাইটের সাথে ইন্টিগ্রেট করাঃ

উপড়ের ছবি থেকে আমরা এটুকু বুঝতে পেরেছি যে GTM কে প্রথমে ওয়েবসাইটের সাথে লিঙ্ক করতে হবে এবং তারপর GTM এর সাথে ফেসবুক পিক্সেল এবং গুগল এ্যানালিটিক্স কে যুক্ত করতে হবে।

চলুন তাহলে দেখে আসা যাক কিভাবে আমরা আমাদের ওয়েবসাইট এ GTM কে ইন্টিগ্রেট করবঃ ‘

GTM এ্যাকাউন্টে প্রবেশ করলে উপড়ে ডান পাশে GTM কোডযুক্ত লেখাতে ক্লিক করলে ইন্সটলেশন কিভাবে করতে হয় সেটি দেখা যাবে।

অথবা আপনি চাইলে এ্যাডমিন ট্যাবে গিয়েও ইন্সটলেশন কিভাবে করতে হয় টা দেখতে পাবেন।

ব্যাস, বাকি সবকিছু এখন আপনি GTM থেকে কনফিগার করতে পারবেন। আপনার ওয়েবসাইট যদি ওয়ার্ডপ্রেস কিংবা অন্য কোন CMS দিয়ে তৈরি হয়ে থাকে সেক্ষেত্রে আপনি সেই নির্দিষ্ট CMS এর এক্সটেনশন (ওয়ার্ডপ্রেস এর ক্ষেত্রে যেটিকে প্লাগিন বলে থাকে) ব্যাবহার করে আরো সহজেই GTM ইন্সটল করতে পারবেন।

আপনি চাইলে নিচের ভিডিও থেকেও GTM খুব সহজেই ইন্সটল করতে পারবেন ।

যেভাবে আপনি বুঝবেন যে GTM আপনার ওয়েবসাইট এর সাথে কানেক্ট হয়েছে?

আমি এক্ষেত্রে একটি এক্সটেনশন ব্যাবহার করি যেটির নাম হল “Google Tag Assistant” যেটি কিনা GTM ইন্সটল করার পর নিচের স্ক্রিনশটের মত করে দেখাচ্ছে।

আমরা দেখতে পাচ্ছি গুগল ট্যাগ ম্যানেজার এর পাশের আইকন টি সবুজ দেখা যাচ্ছেঃ

  • Green : তার মানে হল ট্যাগটি সঠিকভাবে ইন্টিগ্রেট হয়েছে
  • Blue:
  • Yellow:
  • Red:
Strategic & Data Driven

Digital Marketing Training @2999 BDT

Save 70% Today!
Article Continues

GTM ব্যাবহার করে যেভাবে সেট করবেন Facebook Pixel?

ফেসবুক এ্যাড ম্যানেজার এ গিয়ে পিক্সেল সেকশন এ যেতে হবে। Create Pixel অপশন ব্যাবহার করে ফেসবুক পিক্সেল তৈরি করতে হবে। নিচের স্ক্রিনশটে দেয়া অপশন এ গিয়ে কাজটি করতে হবে।

পিক্সেল সেট আপ বাটনে ক্লিক করলে আপনি দুই ধরণের অপশন খুঁজে পাবেন। একটি হল ম্যানুয়ালি ওয়েবসাইটে পিক্সেল যুক্ত করা আর অন্যটি হল পার্টনার ইন্টিগ্রেশনের মাধ্যমে যুক্ত করা। নিচের স্ক্রিনশট খেয়াল করলে দেখা যাবে যে বাম পাশে ম্যানুয়ালি এবং ডান পাশে পার্টনার ইন্টিগ্রেশনের মাধ্যমে যুক্ত করার অপশন দেখা যাচ্ছে। ম্যানুয়ালি ইন্টিগ্রেট করলে একটি প্রবলেম হল আপনাকে অনেক কিছু শিখতে হবে যেটি পার্টনার ইন্টিগ্রেশনের মাধ্যমে করলে এত ঝামেলা পোহাতে হবেনা। আবার পার্টনার ইন্টিগ্রেশনের মাধ্যমে ইন্টিগ্রেট করলে কিছু ঝামেলাও আছে যেমন আপনি আপনার খুশিমত ট্যাগ ইমপ্লিমেন্ট করতে পারবেন না। ব্যাক্তিগতভাবে আমি ফেসবুক পিক্সেল কে সর্বদাই GTM ম্যানুয়ালি ইন্সটল করি কারণ এতে আমি স্বাধীনভাবে অনেক ট্যাগ ব্যাবহার করতে পারি। তবে আপনি চাইলে পার্টনার ইন্টিগ্রেশনের মাধ্যমেও এটি সেট আপ করতে পারবেন।

“Install Code Manually” এই বাটনে ক্লিক করলে নিচের স্ক্রিনশটের মত একটি কোড আসবে যেখানে একটি কোড থাকবে। যদিও ফেসবুক পিক্সেলের অনেক ধরণের ট্যাগ রয়েছে যেগুলো মার্কেটারদের জন্য খুবই জরুরি, আজকের আলোচনায় আমরা শুধু দেখব কিভাবে আমরা Facebook Pixel এর বেইজ কোড GTM দিয়ে আমাদের ওয়েবসাইটের সাথে কানেক্ট করব।

চলুন দেখে আসা যাক কোড টি দেখতে কেমন হয়।

<!-- Facebook Pixel Code -->
<script>
  !function(f,b,e,v,n,t,s)
  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  n.queue=[];t=b.createElement(e);t.async=!0;
  t.src=v;s=b.getElementsByTagName(e)[0];
  s.parentNode.insertBefore(t,s)}(window, document,'script',
  'https://connect.facebook.net/en_US/fbevents.js');
  fbq('init', '579791469546153');
  fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
  src="https://www.facebook.com/tr?id=579791859516159&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->

N.B: উপড়ের কোডের “fbq(‘init’, ‘579791469546153’);” যে নম্বরটি দেখতে পাচ্ছেন সেটি একটি ডামি কোড। দয়া করে এটি ব্যবহার করবেন না।

উপড়ের কোডটি নিয়ে একটু আলোচনা করা যাকঃ

এখানে একটি বিষয় নিয়ে আমি আলোচনা করতে চাচ্ছি সেটি হল আমরা উপড়ের কোডে দুটি জিনিস দেখতে পাচ্ছি একটি হল fbq(‘init’, ‘579791469546153’) যেটি বিভিন্ন ফাংশন সমৃদ্ধ একটি লাইব্রেরি ডাউনলোড করবে এবং অন্যটি হল fbq(‘track’, ‘PageView’); যেটি কিনা কোন পেইজ ভিউ হলে সেটিকে ট্রাক করবে।

আরো একটি বিষয় নিয়ে আলোচনা করা যেতে পারে সেটি হল “noscript” পার্ট যেটি কিনা তখনই কাজে লাগবে যখন কোন ইউজারের ব্রাউজারে জাভাস্ক্রিপ্ট অফ থাকবে। (যেটি খুবই অল্প কিছু ক্ষেত্রে ঘটে থাকে)। এটা নিয়ে ছোট্ট একটু আলোচনা করার উদ্দেশ্য হল আমরা যখন GTM দিয়ে Facebook Pixel ইন্সটল করব তখন এই তথ্য কিছুটা কাজে আসবে।

Free Training

on Strategic & Data Driven Facebook Marketing

Enroll Now for FREE
Article Continues

GTM নিয়ে বেসিক আলোচনাঃ

চলুন GTM নিয়ে একটু বেসিক আলোচনা করা যাক। GTM এর ড্যাশবোর্ডে গেলে কয়েকটি টার্ম দেখা যাচ্ছে যেমন Tag, Trigger, Variable, Folder, Data Layer ইত্যাদি।

Tag: ট্যাগ হল একটি কোড যা বিভিন্ন সিস্টেম যেমন গুগল এ্যানালিটিক্স, ফেসবুক পিক্সেল ইত্যাদি সিস্টেমে ডাটা পাঠায়। প্রতিটি ট্যাগ তখনই কাজ করে যখন ঐ ট্যাগের বিপরীতে একটি Trigger থাকে। মোদ্দা কথা হল ট্রিগার ছাড়া কোন ট্যাগ কাজ করে না।

Trigger: ট্রিগার বিভিন্ন ইভেন্ট যেমন ক্লিক, ফর্ম সাবমিশন ইত্যাদি বিষয়গুলো পর্যবেক্ষণ করে এবং তখনই ট্রিগার কাজ করে যখন ট্রিগারে থাকা নিয়মগুলো ঐ নির্দিষ্ট ঘটনার সাথে মিলে যায়।

Variable: বিভিন্ন ঘটনার প্রেক্ষিতে এটি পরিবর্তন হয়।

Folder: আমরা বিভিন্ন ফোল্ডারে আমাদের প্রয়োজন অনুযায়ী বিভিন্ন ট্যাগ সংরক্ষণ করতে পারি যেটি কিনা আমাদের কাজকে অনেক গুছিয়ে রাখে।

Data Layer: এটি নিয়ে আমরা বিস্তারিত আলোচনা করব পরবর্তী কোন পোস্টে।

চলুন তাহলে মূল আলোচনায় ফিরে আসা যাক। আমরা এ পর্যায়ে ফেসবুক পিক্সেল কে গুগল ট্যাগ ম্যানেজার এ ইন্সটল করব। সুতরাং আমাদের পূর্ববর্তী আলোচনার প্রেক্ষিতে বলতে গেলে ফেসবুক পিক্সেল ট্যাগ টি ইন্সটল করতে গেলে আমাদের একটি ট্রিগার লাগবে। যেহেতু আমরা চাচ্ছি এই ট্যাগ টি পূরো ওয়েবসাইটের প্রত্যেকটি পেইজে ফায়ার করবে সুতরাং এক্ষেত্রে আমাদের ট্রিগার হবে “All Pages”.

GTM এ গিয়ে Tag বাটনে ক্লিক করলে একটি সাইডভিউ ওপেন হবে এবং নিচের তথ্যগুলো দিয়ে দিবঃ

Tag Type: Custom HTML (কারণ GTM এ ফেসবুক পিক্সেল নামে কোন ডিফল্ট ট্যাগ সেট করা নেই। )

HTML: ফেসবুক পিক্সেলে প্রাপ্ত বেস কোড টি আমরা এখানে বসিয়ে দিব। <noscript> </noscript> পার্ট টি আমরা এখানে যুক্ত করিনি কারণ GTM Custom HTML ট্যাগ এ এই <noscript> </noscript> ট্যাগ ফায়ার করেনা।

আরো একটি বিষয় আপনাদেরকে জানিয়ে রাখতে চাচ্ছি আর সেটি হল Advanced Settings এ ট্যাগ প্রায়োরিটি এবং ট্যাগ ফায়ারিং অপশন। ট্যাগ প্রায়োরিটি তে আমি ১০০ সেট করে রেখেছি যাতে করে এই ট্যাগ টি পেইজ লোড হবার পর সবথেকে আগে ফায়ার করে। আর ট্যাগ ফায়ারিং অপশনে আমি ব্যাবহার করেছি Once Per Event – বোঝাই যাচ্ছে যে পেইজ ভিউ হলে একবারই এই ট্যাগ টি ফায়ার করবে।

এরপর এই ট্যাগকে সেইভ বাটনে ক্লিক করে সেইভ করে তারপর সাবমিট বাটনে ক্লিক করতে হবে। এবং একই সাথে “Preview” বাটনটি ক্লিক করতে হবে। এরপর যে সাইটে ট্যাগ টি ইন্সটল করা হয়েছে সেই ওয়েবসাইট টি রিলোড করতে হবে। রিলোড করে প্রিভিউ মোডে এসে ওয়েবসাইট টি দেখতে নিচের স্ক্রিনশটের মত হবেঃ

উপরের স্ক্রিনশট টি GTM প্রিভিউ মোডে দেখা যাচ্ছে। আমরা দেখতে পাচ্ছি যে ফেসবুক পিক্সেল ট্যাগ টি এখানে এক্সিকিউট হয়েছে। এবার যদি আমরা প্রিভিউ মোডের Variable সেকশন এ ক্লিক করি তাহলে অনেক গুলো তথ্য আমরা দেখতে পাবো যেমন Page Path, Scroll Depth Threshold, Page URL, Scroll Direction ইত্যাদি ইত্যাদি। এই তথ্যগুলো ভবিষ্যতে আমাদের অনেক কাজে লাগবে আর সেইজন্যই আমি চেয়েছি আপনাকে কিছুটা ধারণা দিতে।

আরো একটি সহজ পদ্ধতিতে আপনি দেখতে পারবেন যে ফেসবুক পিক্সেল আসলেই ইন্সটল হয়েছে কিনা। আর সেটি হল Facebook Pixel Helper এক্সটেনশন ব্যাবহার করা।

উপড়ের স্ক্রিনশট থেকে দেখা যাচ্ছে যে Facebook Pixel Helper Extension এর সাহায্যেও বোঝা যাচ্ছে যে Facebook Pixel ফায়ার করেছে। এছাড়া আরো একটি পদ্ধতিতে আমরা বুঝতে পারব যে ফেসবুক পিক্সেল সঠিকভাবে ডাটা গ্রহণ করছে। এর জন্য আমাদের কে ফেসবুক পিক্সেলের Measure & Report > Event Manager এ গিয়ে Test Event এ ক্লিক করতে হবে। Test Events এ ক্লিক করলে নিচের স্ক্রিনশট এর মত দেখাবে। Enter Website URL এই অপশন এ গিয়ে ঐ নির্দিষ্ট ওয়েবসাইটের URL বসিয়ে দিতে হবে।

এবার ঐ URL এ হিট করলে নিচের স্ক্রিনে দেখা যাবে যে পেইজভিউ ইভেন্ট টা ইমপ্লিমেন্ট হয়েছে।

উপসংহারঃ

জি, পড়তে অনেক কষ্ট হয়েছে। তবে এটা সত্যি যে আপনি এক ধাপ এগিয়ে গিয়েছেন। কারণ এখন খুব সহজেই আপনি ফেসবুকের বিভিন্ন ইভেন্ট GTM এর মাধ্যমে ইমপ্লিমেন্ট করতে পারবেন। সম্প্রতি GTM ব্যাবহার করে Facebook Scroll ইভেন্ট কে কিভাবে ট্র্যাক করা যায় সে বিষয়ে আমি একটি তথ্যবহুল আর্টিকেল লিখেছি যেটি পাওয়া যাবে এই লিঙ্ক থেকেঃ Google Tag Manager ব্যাবহার করে Facebook Scroll Tracking Event ট্র্যাকিং করা

ফেসবুক পিক্সেল সেট কিভাবে করতে হয় সেটির জন্য নিচের ভিডিও টিউটোরিয়াল টি দেখা যেতে পারেঃ

লেখক পরিচিতিঃ

এই ব্লগ পোস্টটি লিখেছেন টি৩ কমিউনিকেশন্স লিমিটেড এর ব্যবস্থাপনা পরিচালক মোঃ নাজমুল হোসেন। দীর্ঘ ১৩ বছরের ডিজিটাল মার্কেটিং ক্যারিয়ারে তিনি পেয়েছেন দেশীয় ও আন্তর্জাতিক স্বীকৃতি । কাজ করার সুযোগ পেয়েছেন বিশ্বের শীর্ষস্থানীয় অনলাইন মার্কেটপ্লেস আপওয়ার্ক এর ব্র্যান্ড এ্যাম্বাসেডর হিসেবে। কাজের স্বীকৃতি হিসেবে ২০১৪ সালে অর্জন করেন বেসিস আউটসোর্সিং এ্যাওয়ার্ড। ইল্যান্স-ওডেস্ক (বর্তমান আপওয়ার্ক) এ্যানুয়াল ইম্প্যাক্ট রিপোর্টে উঠে এসেছে তার সফলতার গল্প। তার সম্পর্কে বিস্তারিত জানতে এখানে ক্লিক করুন

মোঃ নাজমুল হোসেন

Tags: ,

Popular Blog

4 comments on “ Google Tag Manager (GTM) ব্যবহার করে Facebook Pixel সেট করা

Leave a Comments

0
0 item
My Cart
Empty Cart