--- title: Коди та віджети: свій CSS та скрипти description: Як додати свій CSS, код у head та body (лічильники, чати, пікселі), обмеження та безпеку. section: account keywords: свій CSS, код head, код body, лічильник, Google Analytics, піксель, віджет чату updated: 2026-09-16 --- Блок «Коди та віджети» в Налаштуваннях дозволяє вставити на сайт свій код: лічильники, пікселі реклами, чат-віджети, cookie-банери, а також свій CSS для тонкого налаштування виду. ![Блок «Коди та віджети»](/wiki/img/settings-code.webp "Код у head та наприкінці body") ## Код у head та body - **Код у head** — вставляється у `` кожної сторінки сайту. Для Google Analytics, Meta Pixel, метатеги верифікації. - **Код в кінці body** — вставляється перед ``. Для чат-віджетів, cookie-банерів та скриптів, яким потрібна завантажена сторінка. Вставте код повністю, як видав сервіс, та натисніть «Зберегти». Ліміт – 20 000 символів на полі. Код працює лише на публічному сайті, не в кабінеті. Приклади: - Google Analytics 4 – фрагмент `gtag.js` у head. - Meta Pixel – фрагмент пікселя в head. - Віджет чату (Tawk, Crisp, JivoChat) – скрипт у body. - Підтвердження прав Google/Bing/Yandex зручніше через блок SEO → «Підтвердження прав». ## Свій CSS Свій CSS додається через ІІ-асистента або підключений ІІ-чат: «Додай CSS: зроби кнопки повністю круглими». Асистент перевіряє код та застосовує його до сайту. Для точного налаштування використовуйте атрибути елементів сайту, наприклад `[data-asd="card"]` – картка, `[data-asd="header"]` – шапка, `[data-asd="block-hero"]` – hero-блок. Помічник підкаже перелік. Свій CSS зберігається окремо від CSS стилю з каталогу: при зміні стилю ваші редагування зберігаються. ## Обмеження та безпека - У своєму CSS заборонені теги `