Framer-এর জন্য SignalHost: প্লাগইন সংযুক্ত করুন, একবার প্রকাশ করুন, আর দেখুন আপনার লাইভ সাইটে কোডটি আছে

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

Framer Marketplace-এ SignalHost খুঁজে আপনার প্রজেক্টে খুলুন। এটি খোলে একটি ছোট প্যানেল হিসেবে, যাতে একটিই বোতাম: “Connect with SignalHost”। এটি চাপুন, আর signalhost.io-তে একটি ব্রাউজার উইন্ডো খোলে। সাইন ইন করুন, অথবা বিনামূল্যে একটি অ্যাকাউন্ট তৈরি করুন।

সেই উইন্ডোতে আপনার কাজ শেষ না হওয়া পর্যন্ত প্যানেলটি অপেক্ষা করে এবং নিজে থেকেই হালনাগাদ হয়। উইন্ডোটি বন্ধ করে ফেললে “Open the window again” সেটি ফিরিয়ে আনে। দশ মিনিট কোনো উত্তর না পেলে প্যানেলটি আপনাকে আবার চেষ্টা করতে বলে।

উইন্ডোটি জানায় প্লাগইন কী করবে আর কী করবে না। এটি প্রতিটি পেজে ট্র্যাকিং কোড যোগ করবে ও হালনাগাদ রাখবে, কনটেইনারের স্ট্যাটাস পড়বে ও আপনার প্রকাশিত সাইটে কোডটি আছে কি না যাচাই করবে, আর Framer-এ আপনি লগ আউট করলে নিজে থেকেই সংযোগ বিচ্ছিন্ন করবে। এটি আপনার সাইটের আর কিছু বদলাতে, আপনার Google অ্যাকাউন্ট ব্যবহার করতে বা আপনার বিলিং দেখতে পারে না।

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

Framer-এ ফিরে এলে প্লাগইন নিজেই সংযোগটি তুলে নেয়, কোড যোগ করে, এবং লাইভ করতে আপনার সাইট প্রকাশ করতে বলে।

Framer কাস্টম কোড শুধু প্রকাশিত সাইটেই চালায়, তাই আপনি প্রকাশ না করা পর্যন্ত আপনার ভিজিটরদের জন্য কিছুই বদলায় না। প্যানেলে দুটি ধাপ দেখা যায়: “Tracking code added to every page” এবং “Publish your site to make it live”।

যেভাবে সবসময় করেন সেভাবেই প্রকাশ করুন, তারপর প্যানেলে “Check again” চাপুন। SignalHost আপনার প্রকাশিত হোম পেজ এনে কোডটি খোঁজে। পেলে দ্বিতীয় ধাপটি বদলে আপনার সাইটের ঠিকানাসহ “Live on …” হয়ে যায়, আর কনটেইনার পেজ ইনস্টলটিকে সম্পন্ন হিসেবে গোনে। প্লাগইন কখনো নিজে থেকে প্রকাশ করে না।

আপনার প্রকাশিত সাইট খুলে কিছুক্ষণ ঘুরে দেখুন। প্যানেলের “Open SignalHost” আপনাকে কনটেইনার পেজে নিয়ে যায়, যেখানে “উন্নত অ্যানালিটিক্স”-এর “সাম্প্রতিক” ট্যাব গত ৩০ মিনিট দেখায়, আর “সমস্যা সমাধান”-এর অধীনে “যাচাই চালান” যে পেজ ভিউগুলো এসেছে সেগুলো গোনে। Growth প্ল্যান ও তার ওপরে “লাইভ ইভেন্ট পর্যবেক্ষণ” প্রতিটি ইভেন্ট আসার সঙ্গে সঙ্গে তার নামসহ দেখায়।

আপনার সাইটের কাস্টম কোডে একটি কোড, প্রতিটি পেজের head-এর শেষে: Google Tag Manager লোডার, googletagmanager.com-এর বদলে আপনার নিজের ট্যাগিং ঠিকানার দিকে নির্দেশিত। এটি সেখান থেকে আপনার Tag Manager কনটেইনার লোড করে, আর আপনার Google ট্যাগ এর মাধ্যমে পেজ ভিউ পাঠায়।

যতবার কেউ প্লাগইনটি খোলেন, এটি সেই কোডটিকে আপনার কনটেইনারের প্রয়োজনের সঙ্গে মিলিয়ে দেখে এবং কিছু বদলে থাকলে সেটি প্রতিস্থাপন করে। এটি আর কিছুতে হাত দেয় না, এবং আপনার কনটেন্ট, আপনার CMS বা আপনার ভিজিটরদের ডেটা পড়ে না। এটি নিজের কোনো ইভেন্টও যোগ করে না: পেজ ভিউয়ের বাইরের যেকোনো কিছু, যেমন একটি ফর্ম পাঠানো, আপনার কনটেইনারে পৌঁছায় যখন আপনার সাইট সেটি ডেটা লেয়ারে পুশ করে।

সংযোগটি প্রজেক্টে সংরক্ষিত থাকে, তাই প্রজেক্টের প্রত্যেক এডিটর একই সংযোগ দেখেন, আর এটি শুধু এই একটি কনটেইনারের ইনস্টল-সংক্রান্ত মানগুলো পড়তে পারে, আর কিছু নয়।

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

আপনার কনটেইনার শুরু হয় signalhost.io-র অধীনের একটি ঠিকানায়। পেইড প্ল্যানে কনটেইনার পেজের “আপনার নিজের ডোমেইন সেট আপ করুন” আপনাকে এর বদলে আপনার নিজের সাইটের একটি সাবডোমেইন, যেমন sgtm.yoursite.com, ব্যবহার করার পুরো পথ দেখায়, যা ফিল্টার তালিকা এড়িয়ে টিকে থাকে এবং ক্লিক কুকিগুলোকে ফার্স্ট-পার্টি রাখে।

ডোমেইন লাইভ হলে SignalHost আপনাকে নতুন কোডসহ ইমেইল করে। Framer-এ আপনাকে এটি পেস্ট করতে হয় না: প্লাগইনটি খুলুন, যা নিজেই কোডটি বদলে দেয়, তারপর প্রকাশ করুন। ততদিন পুরোনো ঠিকানা কাজ করতে থাকে। প্লাগইন খুলে প্রকাশ করতে ভুলে গেলে এটি “Publish again: your live site still has an older version.” বার্তাটি দেখায়।

প্লাগইন ছাড়াও একই কোড যোগ করতে পারেন। কনটেইনার পেজে “আপনার সাইটে ইনস্টল করুন” কার্ডে কোডটি খুঁজে নিয়ে “কপি করুন” চাপুন। Framer-এ Site Settings → General → Custom Code খুলুন, এমনভাবে পেস্ট করুন যাতে এটি প্রতিটি পেজের head-এর শেষে বসে, তারপর প্রকাশ করুন। এরপর কনটেইনার পেজে “আমি এটি করেছি” চাপুন।

যা ছেড়ে দিতে হয়: কোডটি আর আপনার কনটেইনারকে অনুসরণ করে না। আপনার ট্যাগিং ঠিকানা বদলালে SignalHost যে নতুন কোড ইমেইল করে, তা দিয়ে আপনাকে নিজেই এটি বদলাতে হবে এবং আবার প্রকাশ করতে হবে। আপনার লাইভ সাইটে কোডটি আছে কি না, তা-ও কেউ যাচাই করে না। যেকোনো একটি ব্যবহার করুন: প্লাগইনও সংযুক্ত থাকলে কোডটি প্রতিটি পেজে দুবার থাকবে।

সেটিংস › সংযুক্ত সাইট সাইটটিকে “Framer প্লাগইন” হিসেবে, এর শেষ যোগাযোগের সময়সহ, তালিকাভুক্ত করে।

প্যানেলের নিচে এবং প্লাগইনের মেনুতে থাকা “Log out” SignalHost-এ সংযোগ শেষ করে এবং আপনার সাইটের কাস্টম কোড থেকে প্লাগইনের কোড সরিয়ে দেয়। কাস্টম কোডের অন্য যেকোনো পরিবর্তনের মতোই, এই অপসারণ ভিজিটরদের কাছে পৌঁছায় আপনার পরের প্রকাশের সঙ্গে। আপনার কনটেইনার ও তার পরিসংখ্যান থেকে যায়, আর যেকোনো সময় আবার সংযুক্ত করতে পারেন।

“সংযুক্ত সাইট”-এর “সংযোগ বিচ্ছিন্ন করুন” কাজ করে উল্টো দিক থেকে: পরের বার কেউ Framer-এ প্লাগইনটি খুললে এটি আপনার সাইট থেকে SignalHost সরিয়ে দেয়, আর পরের প্রকাশের সঙ্গে লাইভ সাইট থেকেও সেটি সরে যায়।

• প্যানেল সংযুক্ত করার আগে আপনার সাইট একবার প্রকাশ করতে বলে: সাইটটির এখনো কোনো প্রকাশিত ঠিকানা নেই। এটি প্রকাশ করুন, তারপর “Check again” চাপুন।
• প্যানেল বলে আপনার এডিট করার অনুমতি, অথবা সাইটের কাস্টম কোড এডিট করার অনুমতি লাগবে: প্রজেক্টের মালিকের কাছে এডিট করার অনুমতি চান।
• আপনার কনটেইনার সেটআপ হচ্ছে: কয়েক মিনিট পরে ফিরে আসুন। কনটেইনার প্রস্তুত হওয়ামাত্রই প্লাগইন কোড যোগ করে।
• SignalHost কোডটি বন্ধ করা আছে: কেউ Site Settings → General → Custom Code-এ এটি বন্ধ করেছেন। সেখানে আবার চালু করে প্রকাশ করুন।
• আপনার লাইভ সাইট পড়া যায়নি: SignalHost আপনার প্রকাশিত পেজ আনতে পারেনি। প্রকাশ করুন, তারপর “Check again” চাপুন।
• এই সাইটের সংযোগ SignalHost-এ বিচ্ছিন্ন করা হয়েছে: কেউ “সংযুক্ত সাইট”-এ “সংযোগ বিচ্ছিন্ন করুন” চেপেছেন। ট্র্যাকিং চালু রাখতে আবার সংযুক্ত করুন।
• SignalHost-এ পৌঁছানো যায়নি: একটু পরে আবার চেষ্টা করুন।
• অন্য যেকোনো সমস্যা: আপনার সাইটের ঠিকানাসহ hello@signalhost.io-তে লিখুন।

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