--- 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 ਕਸਟਮ CSS ਨੂੰ AI ਸਹਾਇਕ ਜਾਂ ਕਨੈਕਟ ਕੀਤੇ AI ਚੈਟ ਰਾਹੀਂ ਜੋੜਿਆ ਜਾਂਦਾ ਹੈ: "CSS ਸ਼ਾਮਲ ਕਰੋ: ਬਟਨਾਂ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਗੋਲ ਬਣਾਓ।" ਸਹਾਇਕ ਕੋਡ ਦੀ ਜਾਂਚ ਕਰਦਾ ਹੈ ਅਤੇ ਇਸਨੂੰ ਸਾਈਟ 'ਤੇ ਲਾਗੂ ਕਰਦਾ ਹੈ। ਸਟੀਕ ਅਨੁਕੂਲਤਾ ਲਈ, ਸਾਈਟ ਐਲੀਮੈਂਟ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ, ਜਿਵੇਂ ਕਿ ਕਾਰਡ ਲਈ `[data-asd="card"]`, ਹੈਡਰ ਲਈ `[data-asd="header"]`, ਅਤੇ ਹੀਰੋ ਬਲਾਕ ਲਈ `[data-asd="block-hero"]` । ਸਹਾਇਕ ਇੱਕ ਸੂਚੀ ਸੁਝਾਏਗਾ। ਤੁਹਾਡਾ CSS ਕੈਟਾਲਾਗ ਤੋਂ CSS ਸ਼ੈਲੀ ਤੋਂ ਵੱਖਰੇ ਤੌਰ 'ਤੇ ਸਟੋਰ ਕੀਤਾ ਜਾਂਦਾ ਹੈ: ਜਦੋਂ ਤੁਸੀਂ ਸ਼ੈਲੀ ਬਦਲਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਡੇ ਸੰਪਾਦਨ ਸੁਰੱਖਿਅਤ ਰੱਖੇ ਜਾਂਦੇ ਹਨ। ## ਸੀਮਾਵਾਂ ਅਤੇ ਸੁਰੱਖਿਆ - ਤੁਹਾਡੇ CSS ਵਿੱਚ, `