Shopify-এর জন্য SignalHost: প্রথম পেজ ভিউ থেকে পারচেজ পর্যন্ত সার্ভার-সাইড ট্র্যাকিং

• অনলাইন স্টোরসহ একটি Shopify স্টোর। অ্যাপটি এর স্টোরফ্রন্টে এবং Shopify-এর চেকআউটে কাজ করে।
• একটি SignalHost অ্যাকাউন্ট। চেষ্টা করে দেখতে ফ্রি প্ল্যানই যথেষ্ট: মাসে ১০,০০০টি রিকোয়েস্ট আর একটি কনটেইনার। সংযুক্ত করার সময়েই অ্যাকাউন্ট তৈরি করে নিতে পারেন।
• আপনার Shopify অ্যাডমিনে অ্যাপ ইনস্টল করার অনুমতি।

Shopify App Store-এ SignalHost: Server Tag Manager খুলে ইনস্টল করুন। অ্যাপটি Shopify-এর কাছে মাত্র দুটি অনুমতি চায়: ওয়েব পিক্সেল পরিচালনা করা এবং কাস্টমার ইভেন্ট পড়া। এটি আপনার থিমে কোনো প্রবেশাধিকার চায় না, আপনার গ্রাহকদের ডেটাতেও না। ইনস্টল হয়ে গেলে এটি আপনার Shopify অ্যাডমিনে Apps-এর অধীনে খোলে।

অ্যাপের পেজে আছে “SignalHost দিয়ে সংযুক্ত করুন”, আর আপনি নতুন হলে “বিনামূল্যে অ্যাকাউন্ট তৈরি করুন”। যেকোনোটি নতুন ট্যাবে signalhost.io খোলে; সেখানে সাইন ইন বা সাইন আপ করুন।

পরের স্ক্রিন জানায় অ্যাপ কী করতে পারবে — আপনার স্টোরের প্রতিটি পেজে আপনার ট্র্যাকিং কোড যোগ করা, এর কার্ট ও চেকআউট ইভেন্ট কনটেইনারে পাঠানো, আর কনটেইনারের স্ট্যাটাস পড়া — আর কী পারবে না: আপনার গ্রাহকদের যোগাযোগের তথ্য পড়া, আপনার Google অ্যাকাউন্ট ব্যবহার করা বা আপনার বিলিং দেখা। তারপর এটি জানতে চায় স্টোরটি কোন কনটেইনার ব্যবহার করবে। কনটেইনার হলো আপনার নিজস্ব ট্যাগিং সার্ভার: একটি Tag Manager ওয়েব কনটেইনার ও সার্ভার কনটেইনার, যা আপনার নিজের Google অ্যাকাউন্টে তৈরি হয়, তাই এগুলো আপনারই থাকে।

একটি বেছে নিয়ে “সংযুক্ত করুন” চাপুন, অথবা “আপনার স্টোরের জন্য নতুন কনটেইনার” বেছে নিয়ে সংক্ষিপ্ত উইজার্ডটি শেষ করতে “কনটেইনার তৈরি করুন” চাপুন। Shopify-এ ফিরে এলে অ্যাপের পেজ নিজে থেকেই হালনাগাদ হয়। যদি এটি “সংযোগ নিশ্চিত করুন” দেখায়, তাহলে এতে উল্লেখিত অ্যাকাউন্ট ও কনটেইনার মিলিয়ে দেখুন এবং “সংযোগ নিশ্চিত করুন” বোতামটি চাপুন।

পেস্ট করার মতো কোনো কোড নেই, বদলানোর মতো কোনো থিম নেই, প্রকাশ করার মতোও কিছু নেই। স্টোরটি সংযুক্ত হলে SignalHost অ্যাপের ওয়েব পিক্সেল তৈরি করে এবং এটিকে আপনার ট্যাগিং ঠিকানা ও আপনার কনটেইনারের Google Analytics 4 মেজারমেন্ট ID দেয়। Shopify এটি প্রতিটি স্টোরফ্রন্ট পেজে ও তার চেকআউটে চালায়। নতুন কনটেইনার তৈরি হওয়ার সময় অ্যাপ বলে “প্রায় হয়ে গেছে”, তারপর “ট্র্যাকিং লাইভ আছে”।

নতুন ট্যাবে আপনার স্টোর খুলুন, কুকি ব্যানার গ্রহণ করুন, একটি প্রোডাক্ট দেখুন, সেটি কার্টে যোগ করুন এবং চেকআউট শুরু করুন। অ্যাপে ফিরে এলে কয়েক মিনিটের মধ্যে “গত ৭ দিন” অংশে “পেজ ভিউ”, “কার্টে যোগ”, “চেকআউট” ও “ক্রয়” গোনা হয়; “স্ট্যাটাস রিফ্রেশ করুন” সর্বশেষ অবস্থা পড়ে নেয়।

“পরিসংখ্যান ও সেটিংস খুলুন” signalhost.io-তে আপনার কনটেইনার খোলে, যেখানে Growth প্ল্যান ও তার ওপরে “লাইভ ইভেন্ট পর্যবেক্ষণ” প্রতিটি ইভেন্ট আসার সঙ্গে সঙ্গে তার দেশ, ব্রাউজার ও সম্মতির অবস্থাসহ দেখায়।

Shopify তার নিজস্ব কাস্টমার ইভেন্টগুলো পিক্সেলের হাতে দেয়, আর পিক্সেল সেগুলোকে Google Analytics 4 ইভেন্টে রূপান্তর করে:

• page_view, স্টোরফ্রন্ট ও চেকআউট পেজে
• view_item, view_item_list ও search
• add_to_cart, remove_from_cart ও view_cart
• begin_checkout, add_shipping_info ও add_payment_info
• purchase, মূল্য, ট্যাক্স, শিপিং ও ডিসকাউন্ট কোডসহ

পিক্সেল ভিজিটরের Google Analytics কুকি ব্যবহার করে, তাই একটি চেকআউট ইভেন্ট তার আগের প্রোডাক্ট পেজের সেই একই ভিজিটর ও সেশনের অংশ হয়। প্রতিটি রিকোয়েস্ট ব্রাউজার থেকে এমন রূপে বের হয় যা অ্যাড ব্লকার চিনতে পারে না, আর আপনার ট্যাগিং সার্ভার সেটি Google Analytics 4-এ এবং কনটেইনার পেজে আপনার সেট আপ করা বিজ্ঞাপন প্ল্যাটফর্মগুলোতে ফরোয়ার্ড করে: Google Ads, Meta, TikTok ও অন্যান্য।

Shopify পিক্সেলটি চালায় শুধু তখনই, যখন ভিজিটরের প্রাইভেসি পছন্দ অ্যানালিটিক্সের অনুমতি দেয়, তাই কাকে গোনা হবে তা ঠিক করে Shopify-এর কুকি ব্যানার; বিজ্ঞাপন সংক্রান্ত পছন্দটি প্রতিটি ইভেন্টের সঙ্গে যায়, তাই আপনার সার্ভার কনটেইনার বিজ্ঞাপন প্ল্যাটফর্মগুলোর কাছ থেকে ইভেন্ট আটকে রাখতে পারে। অ্যাপটি কখনো আপনার গ্রাহকদের যোগাযোগের তথ্য পড়ে না।

পিক্সেল তার ইভেন্টগুলো নিজেই পাঠায় এবং আপনার Tag Manager ওয়েব কনটেইনার লোড করে না। স্টোরফ্রন্টে সেই কনটেইনার আপনার দরকার শুধু তখনই, যখন এতে নিজস্ব ট্যাগ থাকে, যেমন কোনো হিটম্যাপ টুল বা GA4-এর স্ক্রল ও ক্লিক ট্র্যাকিং। সেক্ষেত্রে অ্যাপে “ঐচ্ছিক: প্রতিটি পেজে আপনার নিজের Tag Manager কনটেইনার লোড করুন” খুলুন এবং “থিম এডিটরে চালু করুন” চাপুন; Shopify-এর থিম এডিটর SignalHost চালু অবস্থায় খোলে, আর সেখানে “Save” চাপলে তবেই এটি কার্যকর হয়।

তখন স্টোরফ্রন্ট পেজগুলোতে পেজ ভিউ পাঠায় আপনার Tag Manager কনটেইনার, আর পিক্সেল সেখানে সেগুলো বাদ দেয়, তাই কিছুই দুবার গোনা হয় না। এমবেডের “Use Shopify's cookie banner for Google Consent Mode” সেটিং ট্যাগগুলোকে ভিজিটরের উত্তরের জন্য অপেক্ষা করায়; এটি বন্ধ করুন শুধু তখনই, যখন অন্য কোনো অ্যাপ আগে থেকেই Google Consent Mode সেট করে।

আপনার কনটেইনার শুরু হয় signalhost.io-র অধীনের একটি ঠিকানায়। পেইড প্ল্যানে কনটেইনার পেজের “আপনার নিজের ডোমেইন সেট আপ করুন” আপনাকে একটি DNS রেকর্ড দিয়ে আপনার স্টোরের ডোমেইনের একটি সাবডোমেইন, যেমন metrics.yourshop.com, সেট আপ করার পুরো পথ দেখায়। ব্রাউজার এটিকে ফার্স্ট-পার্টি হিসেবে গণ্য করে, তাই এর কুকিগুলো আপনার নিজের কুকি হিসেবে গণ্য হয় এবং বিজ্ঞাপনের ক্লিকের কৃতিত্ব বজায় থাকে। এটি লাইভ হলে অ্যাপ কয়েক মিনিটের মধ্যে আপনার স্টোরফ্রন্ট ও চেকআউট সেটিতে বদলে নেয়। হাতে কিছুই বদলাতে হয় না।

অ্যাপ ছাড়াও একটি Shopify স্টোরে SignalHost বসাতে পারেন। signalhost.io-তে আপনার কনটেইনার খুলুন, “আপনার সাইটে ইনস্টল করুন” কার্ডে স্নিপেটটি খুঁজে নিয়ে “কপি করুন” চাপুন। তারপর Shopify-এ Online Store › Themes › ⋯ › Edit code-এ যান, theme.liquid খুলুন এবং স্নিপেটটি শুরুর head ট্যাগের ঠিক পরে পেস্ট করুন। আপনার থিম যদি একই Analytics প্রপার্টির জন্য আগে থেকেই Google Tag Manager বা কোনো Google ট্যাগ লোড করে, তাহলে দ্বিতীয়টি যোগ না করে সেই স্নিপেটটি বদলে দিন। সংরক্ষণ করুন, আপনার স্টোর ভিজিট করুন, এবং কনটেইনার পেজে “আমি এটি করেছি” চাপুন।

এতে আপনার থিমের পেজগুলোতে আপনার Tag Manager কনটেইনার লোড হয়, সঙ্গে পেজ ভিউ আর আপনার থিম নিজে ডেটা লেয়ারে যা পুশ করে তা। পিক্সেল যা যোগ করে তা এতে বাদ পড়ে: Shopify-এর চেকআউট কোনো থিম কোড চালায় না, তাই চেকআউটের ধাপগুলো আর পারচেজ কখনো theme.liquid-এর স্নিপেটে পৌঁছায় না, আর প্রোডাক্ট ও কার্ট ইভেন্টও আসে পিক্সেল থেকেই। আপনার নিজের ডোমেইন লাইভ হলে স্নিপেটটি আপনাকে নিজেই বদলাতে হবে। পরে অ্যাপ ইনস্টল করলে আগে স্নিপেটটি সরিয়ে দিন, নইলে প্রতিটি পেজ ভিউ দুবার গোনা হবে।

অ্যাপের মাধ্যমে সংযুক্ত একটি স্টোর SignalHost-এর মূল্য দেয় Shopify-এর মাধ্যমে। অ্যাপের পেজের “প্ল্যান ও বিলিং” Shopify-এর সেই পেজ খোলে, যেখানে আপনি প্ল্যান বেছে নেন বা বদলান, আর চার্জটি আপনার Shopify বিলে দেখা যায়। সংযুক্ত হওয়ার পর অ্যাপটি আপনার প্ল্যানের সীমার তুলনায় এই মাসের রিকোয়েস্টও দেখায়।

একটি অ্যাকাউন্টের পেমেন্টকারী একজনই। আপনার SignalHost অ্যাকাউন্ট যদি আগে থেকেই কার্ডে পেমেন্ট করে, অথবা অন্য কোনো Shopify স্টোর এর পেমেন্ট করে, তাহলে অ্যাপ তা জানায় এবং এই স্টোরের প্ল্যান ব্যবহার হয় না; দুবার পেমেন্ট এড়াতে এদের একটি বাতিল করুন।

“সংযোগ বিচ্ছিন্ন করুন” আছে অ্যাপের পেজের একেবারে নিচে, আর এটি দ্বিতীয়বার চাপতে বলে। তারপর SignalHost অ্যাপের পিক্সেল এবং থিম এমবেড যে মানগুলো পড়ে সেগুলো সরিয়ে দেয়, আর কয়েক মিনিটের মধ্যে আপনার স্টোরে লোড হওয়া বন্ধ করে। আপনার কনটেইনার ও তার পরিসংখ্যান থেকে যায়, আর “SignalHost দিয়ে সংযুক্ত করুন” স্টোরটি আবার যুক্ত করে। signalhost.io-র সেটিংস › সংযুক্ত সাইট-এও স্টোরটি তালিকাভুক্ত থাকে।

এর বদলে আপনি যদি Shopify-এ অ্যাপটি আনইনস্টল করেন, তাহলে SignalHost স্টোরটিকে সংযোগ-বিচ্ছিন্ন হিসেবে চিহ্নিত করে, আর Shopify-এর মাধ্যমে পেমেন্ট করা প্ল্যান অ্যাপের সঙ্গেই শেষ হয়: আপনার অ্যাকাউন্ট ফ্রি প্ল্যানে ফিরে যায়।

• অ্যাপ “প্রায় হয়ে গেছে”-তেই আটকে থাকে: একটি নতুন কনটেইনার এখনও তৈরি হচ্ছে, যাতে কয়েক মিনিট লাগে। এর বিল্ড ব্যর্থ হলে কারণ দেখতে কনটেইনারটি খুলুন।
• অ্যাপ বলে আপনার কনটেইনারে এখনও কোনো Google Analytics প্রপার্টি নেই: কনটেইনারটি খুলে একটি যোগ করুন। ততক্ষণ পিক্সেলের ডেটা পাঠানোর কোনো জায়গা নেই।
• “গত ৭ দিন” শূন্যতেই থাকে: লাইভ স্টোরটি খুলুন এবং কুকি ব্যানার গ্রহণ করুন। Shopify পিক্সেলটি চালায় শুধু সেই ভিজিটরদের জন্য, যাঁদের প্রাইভেসি পছন্দ অ্যানালিটিক্সের অনুমতি দেয়।
• থিম এমবেড চালু থাকা অবস্থায় অ্যাপ বলে ট্র্যাকিং কোডটি দুবার আছে, অথবা আপনার থিমে এখনও একটি পুরোনো কপি রয়ে গেছে: আগে theme.liquid-এ যে স্নিপেট পেস্ট করেছিলেন, সেটি সরিয়ে দিন।
• আপনি আপনার প্ল্যানের সীমায় পৌঁছে গেছেন: আপগ্রেড না করলে অ্যাপে উল্লেখিত তারিখ পর্যন্ত নতুন ইভেন্ট রেকর্ড হয় না।
• অন্য যেকোনো সমস্যা: আপনার স্টোরের ঠিকানাসহ hello@signalhost.io-তে লিখুন।

SignalHost হলো Algorithmo GmbH-এর একটি স্বাধীন প্রোডাক্ট, এবং এটি Shopify, Google, Meta বা TikTok-এর সঙ্গে সম্পৃক্ত নয় বা তাদের দ্বারা অনুমোদিত নয়। Google Analytics, Google Ads ও Google Tag Manager হলো Google LLC-এর ট্রেডমার্ক; Meta হলো Meta Platforms, Inc.-এর ট্রেডমার্ক; TikTok হলো ByteDance Ltd.-এর ট্রেডমার্ক; Shopify হলো Shopify Inc.-এর ট্রেডমার্ক।