কোড এবং উইজেট: কাস্টম সিএসএস এবং স্ক্রিপ্ট
সেটিংস-এর "কোড এবং উইজেট" বিভাগটি আপনাকে আপনার ওয়েবসাইটে নিজস্ব কোড যুক্ত করার সুযোগ দেয়: যেমন কাউন্টার, বিজ্ঞাপন পিক্সেল, চ্যাট উইজেট, কুকি ব্যানার, এবং সেইসাথে ওয়েবসাইটের চেহারা সূক্ষ্মভাবে সাজানোর জন্য আপনার নিজস্ব CSS কোডও ব্যবহার করতে পারেন।
মাথা ও শরীরে কোড#
- হেড কোড — প্রতিটি ওয়েবসাইট পেজের
<head>ট্যাগে যুক্ত করা হয়। গুগল অ্যানালিটিক্স, মেটা পিক্সেল এবং ভেরিফিকেশন মেটা ট্যাগের জন্য ব্যবহৃত হয়। - বডির শেষের কোডটি
</body>এর আগে যুক্ত করা হয়। এটি চ্যাট উইজেট, কুকি ব্যানার এবং যেসব স্ক্রিপ্টের জন্য পেজ লোড হওয়া প্রয়োজন, সেগুলোর ক্ষেত্রে ব্যবহৃত হয়।
পরিষেবা থেকে প্রাপ্ত সম্পূর্ণ কোডটি পেস্ট করুন এবং "সংরক্ষণ করুন" বোতামে ক্লিক করুন। প্রতিটি ফিল্ডের জন্য অক্ষরের সীমা ২০,০০০। এই কোডটি শুধুমাত্র পাবলিক ওয়েবসাইটে কাজ করবে, আপনার অ্যাকাউন্টে নয়।
উদাহরণ:
- গুগল অ্যানালিটিক্স ৪ - হেডের মধ্যে
gtag.jsফ্র্যাগমেন্ট। - মেটা পিক্সেল হলো মস্তিষ্কের একটি পিক্সেলের খণ্ডাংশ।
- চ্যাট উইজেট (Tawk, Crisp, JivoChat) - বডিতে স্ক্রিপ্ট।
- এসইও ব্লক → “অধিকার যাচাইকরণ”-এর মাধ্যমে গুগল/বিং/ইয়ানডেক্স-এর অধিকার যাচাই করা আরও সুবিধাজনক।
কাস্টম সিএসএস#
এআই অ্যাসিস্ট্যান্ট বা সংযুক্ত এআই চ্যাটের মাধ্যমে কাস্টম CSS যোগ করা হয়: "Add CSS: make buttons fully round"। অ্যাসিস্ট্যান্ট কোডটি পরীক্ষা করে এবং সাইটে তা প্রয়োগ করে। সুনির্দিষ্ট কাস্টমাইজেশনের জন্য, সাইট এলিমেন্ট অ্যাট্রিবিউট ব্যবহার করুন, যেমন কার্ডের জন্য [data-asd="card"], হেডারের জন্য [data-asd="header"], এবং হিরো ব্লকের জন্য [data-asd="block-hero"] । অ্যাসিস্ট্যান্ট একটি তালিকা সাজেস্ট করবে।
আপনার CSS ক্যাটালগের CSS স্টাইল থেকে আলাদাভাবে সংরক্ষিত থাকে: আপনি যখন স্টাইল পরিবর্তন করেন, আপনার করা পরিবর্তনগুলোও সংরক্ষিত থাকে।
সীমাবদ্ধতা এবং নিরাপত্তা#
- আপনার CSS-এ
<style>,<script>,@importট্যাগ এবং এক্সপ্রেশন ব্যবহার করা নিষিদ্ধ — ভ্যালিডেশনের সময় এগুলো সরিয়ে ফেলা হয়। - হেড এবং বডিতে থাকা স্ক্রিপ্টগুলো ভিজিটরের ব্রাউজারে এক্সিকিউট হয়। শুধুমাত্র বিশ্বস্ত সার্ভিসগুলো থেকেই কোড যুক্ত করুন।
- পেস্ট করার পর যদি সাইটটি ভেঙে যায়, তাহলে ফিল্ডটি খালি করে সেভ করুন - সাইটটি তার স্বাভাবিক অবস্থায় ফিরে আসবে।
প্রশ্ন ও উত্তর#
কাউন্টারটি গণনা করে না।#
নিশ্চিত করুন যে কোডটি হেড-এ পেস্ট করে সেভ করা হয়েছে এবং সাইটটি একটি পাবলিক অ্যাড্রেস থেকে খোলা আছে (আপনার অ্যাকাউন্ট থেকে নয়)। অ্যাড ব্লকার ভেরিফিকেশনে বাধা সৃষ্টি করতে পারে।
মানচিত্র বা ফর্ম যুক্ত করা কি সম্ভব?#
হ্যাঁ, এআই অ্যাসিস্ট্যান্টের মাধ্যমে পেজে একটি "কাস্টম এইচটিএমএল" ব্লক হিসেবে। হোম এবং মেনু দেখুন।