--- title: کدها و ابزارک‌ها: CSS و اسکریپت‌های سفارشی description: نحوه اضافه کردن CSS سفارشی، کد به سربرگ و بدنه (شمارنده‌ها، چت‌ها، پیکسل‌ها)، محدودیت‌ها و امنیت. section: account keywords: CSS سفارشی، کد سربرگ، کد بدنه، شمارنده، گوگل آنالیتیکس، پیکسل، ابزارک چت updated: 2026-09-16 --- بخش «کدها و ابزارک‌ها» در تنظیمات به شما امکان می‌دهد کد خودتان را در وب‌سایتتان وارد کنید: شمارنده‌ها، پیکسل‌های تبلیغاتی، ابزارک‌های چت، بنرهای کوکی و همچنین CSS خودتان برای تنظیم دقیق ظاهر. ![بلوک کدها و ابزارک‌ها](/wiki/img/settings-code.webp "کد در سر و در انتهای بدنه") ## کد در سر و بدن - **کد اصلی** - در `` هر صفحه وب‌سایت درج می‌شود. برای تگ‌های متای گوگل آنالیتیکس، متا پیکسل و تأیید. - **کدی که در انتهای بدنه** قرار دارد، قبل از `` درج می‌شود. برای ویجت‌های چت، بنرهای کوکی و اسکریپت‌هایی که به صفحه بارگذاری شده نیاز دارند. کل کد را همانطور که توسط سرویس ارائه شده است، جایگذاری کنید و روی "ذخیره" کلیک کنید. محدودیت کاراکتر 20،000 کاراکتر در هر فیلد است. این کد فقط در وب‌سایت عمومی کار می‌کند، نه در حساب شما. مثال‌ها: - گوگل آنالیتیکس ۴ - قطعه کد `gtag.js` در head. - متا پیکسل قطعه‌ای از یک پیکسل در سر تصویر است. - ویجت چت (Tawk، Crisp، JivoChat) - اسکریپت در بدنه. - تأیید حقوق گوگل/بینگ/یاندکس از طریق بلوک سئو → «تأیید حقوق» راحت‌تر است. ## سی‌اس‌اس سفارشی CSS سفارشی از طریق دستیار هوش مصنوعی یا چت هوش مصنوعی متصل اضافه می‌شود: "افزودن CSS: دکمه‌ها را کاملاً گرد کنید." دستیار کد را بررسی کرده و آن را در سایت اعمال می‌کند. برای سفارشی‌سازی دقیق، از ویژگی‌های عنصر سایت مانند `[data-asd="card"]` برای کارت، `[data-asd="header"]` برای هدر و `[data-asd="block-hero"]` برای بلوک قهرمان استفاده کنید. دستیار لیستی را پیشنهاد می‌دهد. CSS شما جدا از استایل CSS کاتالوگ ذخیره می‌شود: وقتی استایل را تغییر می‌دهید، ویرایش‌های شما حفظ می‌شوند. ## محدودیت‌ها و ایمنی - در CSS شما، تگ‌ها و عبارات `