সংক্ষিপ্ত উত্তর
বিল্ডার-এ তিন জায়গায় নিজের কোড যোগ করতে পারেন: পেজের ভেতরে একটি কাস্টম কোড সেকশন, কাস্টম CSS সেটিংস এবং কাস্টম JavaScript সেটিংস। আপনার স্টোরের head অংশে কোড পেস্ট করার কোনো বক্স নেই। head ট্যাগের জন্য মানানসই অ্যাপ ব্যবহার করুন (নিচের তালিকা দেখুন)।
কোন কাজের জন্য কোন টুল
- Google Search Console-এ আমার স্টোর ভেরিফাই করা, বা একটি
google-site-verificationমেটা ট্যাগ যোগ করা: ডোমেইন ভেরিফায়ার অ্যাপ। এটি Facebook (Meta) ডোমেইন ভেরিফিকেশন, TikTok ও Snapchat-ও সামলায়। - Google Analytics, Google Ads ট্যাগ, বা Google Tag Manager-এ পরিচালনা করা যেকোনো ট্যাগ: Google Tag Manager অ্যাপ।
- Facebook, TikTok, Snapchat, ChatGPT, Pinterest, X বা Google Ads পিক্সেল: দেখুন Facebook, TikTok, Snapchat, ChatGPT, Pinterest ও X, অথবা Google Ads কনভার্সন।
- Google Merchant Center প্রোডাক্ট ফিড: দেখুন Google Merchant Center। Search Console-এর জন্য ডোমেইন ভেরিফায়ার ব্যবহার করুন।
- হিটম্যাপ ও সেশন রেকর্ডিং: দেখুন Microsoft Clarity বা Contentsquare।
- পেজের ভেতরে একটি উইজেট বা এমবেড (বুকিং ফর্ম, ভিডিও, ম্যাপ): নিচের কাস্টম কোড সেকশন।
- পুরো স্টোর বা একটি সেকশনের স্টাইল: দেখুন কাস্টম CSS।
- প্রতিটি পেজে একটি স্ক্রিপ্ট: দেখুন কাস্টম JavaScript।
বিল্ডারের কোড কেন আপনার সাইট ভেরিফাই করতে পারে না
Google, Meta ও অন্যান্য প্ল্যাটফর্ম ভেরিফাই করার সময় আপনার পেজের head-এ তাদের ট্যাগ খোঁজে। কাস্টম কোড সেকশন আপনার কোড পেজের বডির ভেতরে, সেকশনটি যেখানে আছে সেখানে বসায়। কাস্টম JavaScript পেজ লোড হওয়ার পর ক্রেতার ব্রাউজারে চলে। এই প্ল্যাটফর্মগুলো যেভাবে চায় সেভাবে কোনোটিই head-এ ট্যাগ বসায় না, তাই ভেরিফিকেশন ব্যর্থ হয়। ডোমেইন ভেরিফায়ার আপনার হয়ে সঠিক জায়গায় ট্যাগটি বসায়।
কাস্টম কোড সেকশন
যেকোনো পেজে যোগ করা যায় এমন একটি সেকশন, প্রতি পেজে সর্বোচ্চ 2টি। সেকশন ট্যাব খুলুন, নতুন সেকশন যোগ করুন-এ ক্লিক করুন এবং কাস্টম কোড বেছে নিন। এতে তিনটি ফিল্ড আছে:
- HTML: এই সেকশনের ভেতরে দেখানো মার্কআপ।
- CSS: শুধু এই সেকশনে প্রযোজ্য স্টাইল, তাই এগুলো আপনার পেজের বাকি অংশ নষ্ট করতে পারে না।
- JavaScript: প্রতিবার সেকশনটি দেখানোর সময় চলে। আপনার কোড সেকশনটিকে
containerহিসেবে পায়, তাই নিজের মার্কআপে পৌঁছাতেcontainer.querySelector(...)ব্যবহার করুন।
অন্য যেকোনো সেকশনের মতো এর প্রস্থ, কালার স্কিম ও প্যাডিংও সেট করেন। যে পেজগুলোতে আগে থেকেই কাস্টম কোড সেকশন আছে সেগুলোতে কপি করতে সব পেজে প্রয়োগ করুন ব্যবহার করুন।
টিপস
- বিল্ডারের প্রিভিউতে আপনার কোড দেখে নিন, তারপর প্রকাশ করে ফোন ও কম্পিউটারে লাইভ স্টোর পরীক্ষা করুন।
- কোনো পরিবর্তনের পর পেজ ভাঙা দেখালে কোডটি সরিয়ে প্রকাশ করুন, তারপর একটু একটু করে আবার যোগ করুন।
- থার্ড-পার্টি স্ক্রিপ্ট আপনার স্টোর ধীর করতে পারে। শুধু যা দরকার তা-ই যোগ করুন।
- আপনার স্টোরের সাথে যুক্ত AI অ্যাসিস্ট্যান্ট শুধু স্টোরের মালিক অনুমতি দিলেই কাস্টম কোড বদলাতে পারে। দেখুন অ্যাসিস্ট্যান্টের অ্যাক্সেস পরিচালনা।