--- title: കോഡുകളും വിജറ്റുകളും: ഇഷ്ടാനുസൃത CSS ഉം സ്ക്രിപ്റ്റുകളും description: തലയിലേക്കും ബോഡിയിലേക്കും (കൗണ്ടറുകൾ, ചാറ്റുകൾ, പിക്സലുകൾ) കസ്റ്റം CSS, കോഡ്, നിയന്ത്രണങ്ങൾ, സുരക്ഷ എന്നിവ എങ്ങനെ ചേർക്കാം. section: account keywords: ഇഷ്ടാനുസൃത CSS, ഹെഡ് കോഡ്, ബോഡി കോഡ്, കൌണ്ടർ, Google Analytics, പിക്സൽ, ചാറ്റ് വിജറ്റ് updated: 2026-09-16 --- ക്രമീകരണങ്ങളിലെ "കോഡുകളും വിഡ്ജറ്റുകളും" വിഭാഗം നിങ്ങളുടെ വെബ്‌സൈറ്റിൽ നിങ്ങളുടെ സ്വന്തം കോഡ് ചേർക്കാൻ അനുവദിക്കുന്നു: കൗണ്ടറുകൾ, പരസ്യ പിക്‌സലുകൾ, ചാറ്റ് വിഡ്ജറ്റുകൾ, കുക്കി ബാനറുകൾ, അതുപോലെ തന്നെ ദൃശ്യപരത മികച്ചതാക്കുന്നതിനുള്ള നിങ്ങളുടെ സ്വന്തം CSS. ![കോഡുകളും വിഡ്ജറ്റുകളും ബ്ലോക്ക് ചെയ്യുക](/wiki/img/settings-code.webp "തലയിലും ശരീരത്തിന്റെ അവസാനത്തിലും കോഡ്") ## തലയിലും ശരീരത്തിലും കോഡ് - **ഹെഡ് കോഡ്** — ഓരോ വെബ്‌സൈറ്റ് പേജിന്റെയും `` ൽ ചേർത്തിരിക്കുന്നു. Google Analytics, Meta Pixel, സ്ഥിരീകരണ മെറ്റാ ടാഗുകൾ എന്നിവയ്‌ക്കായി. - **ബോഡിയുടെ അവസാനം കോഡ്** `` ന് മുമ്പ് ചേർത്തിരിക്കുന്നു. ചാറ്റ് വിജറ്റുകൾ, കുക്കി ബാനറുകൾ, ലോഡ് ചെയ്ത പേജ് ആവശ്യമുള്ള സ്ക്രിപ്റ്റുകൾ എന്നിവയ്ക്കായി. സേവനം നൽകുന്ന മുഴുവൻ കോഡും ഒട്ടിച്ച് "സേവ്" ക്ലിക്ക് ചെയ്യുക. ഓരോ ഫീൽഡിലും 20,000 പ്രതീകങ്ങളാണ് അക്ഷര പരിധി. കോഡ് പൊതു വെബ്‌സൈറ്റിൽ മാത്രമേ പ്രവർത്തിക്കൂ, നിങ്ങളുടെ അക്കൗണ്ടിൽ അല്ല. ഉദാഹരണങ്ങൾ: - ഗൂഗിൾ അനലിറ്റിക്സ് 4 - തലയിൽ `gtag.js` ഫ്രാഗ്മെന്റ്. - മെറ്റാ പിക്സൽ എന്നത് തലയിലുള്ള ഒരു പിക്സലിന്റെ ഒരു ഭാഗമാണ്. - ചാറ്റ് വിജറ്റ് (ടോക്ക്, ക്രിസ്പ്, ജിവോചാറ്റ്) - ബോഡിയിലെ സ്ക്രിപ്റ്റ്. - SEO ബ്ലോക്ക് → “അവകാശങ്ങളുടെ പരിശോധന” വഴി Google/Bing/Yandex അവകാശങ്ങൾ പരിശോധിക്കുന്നത് കൂടുതൽ സൗകര്യപ്രദമാണ്. ## ഇഷ്ടാനുസൃത CSS AI അസിസ്റ്റന്റ് അല്ലെങ്കിൽ കണക്റ്റുചെയ്‌ത AI ചാറ്റ് വഴിയാണ് കസ്റ്റം CSS ചേർക്കുന്നത്: "CSS ചേർക്കുക: ബട്ടണുകൾ പൂർണ്ണമായും വൃത്താകൃതിയിലാക്കുക." അസിസ്റ്റന്റ് കോഡ് പരിശോധിച്ച് സൈറ്റിൽ പ്രയോഗിക്കുന്നു. കൃത്യമായ ഇഷ്‌ടാനുസൃതമാക്കലിനായി, കാർഡിന് `[data-asd="card"]`, ഹെഡറിന് `[data-asd="header"]`, ഹീറോ ബ്ലോക്കിന് `[data-asd="block-hero"]` പോലുള്ള സൈറ്റ് എലമെന്റ് ആട്രിബ്യൂട്ടുകൾ ഉപയോഗിക്കുക. അസിസ്റ്റന്റ് ഒരു ലിസ്റ്റ് നിർദ്ദേശിക്കും. നിങ്ങളുടെ CSS കാറ്റലോഗിൽ നിന്നുള്ള CSS ശൈലിയിൽ നിന്ന് വേറിട്ടാണ് സംഭരിക്കുന്നത്: നിങ്ങൾ ശൈലി മാറ്റുമ്പോൾ, നിങ്ങളുടെ എഡിറ്റുകൾ സംരക്ഷിക്കപ്പെടും. ## പരിമിതികളും സുരക്ഷയും - നിങ്ങളുടെ CSS-ൽ, `