--- title: కోడ్‌లు మరియు విడ్జెట్‌లు: కస్టమ్ CSS మరియు స్క్రిప్ట్‌లు description: హెడ్ మరియు బాడీకి కస్టమ్ CSS, కోడ్ (కౌంటర్లు, చాట్‌లు, పిక్సెల్‌లు), పరిమితులు మరియు భద్రతను ఎలా జోడించాలి. section: account keywords: కస్టమ్ CSS, హెడ్ కోడ్, బాడీ కోడ్, కౌంటర్, గూగుల్ అనలిటిక్స్, పిక్సెల్, చాట్ విడ్జెట్ updated: 2026-09-16 --- సెట్టింగ్స్‌లోని "కోడ్స్ మరియు విడ్జెట్స్" విభాగం, మీ వెబ్‌సైట్‌లో కౌంటర్లు, అడ్వర్టైజింగ్ పిక్సెల్స్, చాట్ విడ్జెట్‌లు, కుకీ బ్యానర్‌లు వంటి మీ స్వంత కోడ్‌ను, అలాగే రూపాన్ని మెరుగుపరచడానికి మీ స్వంత CSSను కూడా చేర్చడానికి మిమ్మల్ని అనుమతిస్తుంది. ![కోడ్‌లు మరియు విడ్జెట్‌ల బ్లాక్](/wiki/img/settings-code.webp "తలలో మరియు శరీరం చివరన కోడ్") ## తల మరియు శరీరంలో కోడ్ - **హెడ్ కోడ్** — ప్రతి వెబ్‌సైట్ పేజీలోని `` లో చొప్పించబడుతుంది. గూగుల్ అనలిటిక్స్, మెటా పిక్సెల్ మరియు వెరిఫికేషన్ మెటా ట్యాగ్‌ల కోసం. - **బాడీ చివర ఉన్న కోడ్** `` కు ముందు చేర్చబడుతుంది. చాట్ విడ్జెట్‌లు, కుకీ బ్యానర్‌లు మరియు పేజీ లోడ్ అవ్వాల్సిన స్క్రిప్ట్‌ల కోసం. సేవ అందించిన పూర్తి కోడ్‌ను అతికించి, "సేవ్" పై క్లిక్ చేయండి. ప్రతి ఫీల్డ్‌కు 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లో, `