Коди та віджети: свій CSS та скрипти
Блок «Коди та віджети» в Налаштуваннях дозволяє вставити на сайт свій код: лічильники, пікселі реклами, чат-віджети, cookie-банери, а також свій CSS для тонкого налаштування виду.
Код у head та body#
- Код у head — вставляється у
<head>кожної сторінки сайту. Для Google Analytics, Meta Pixel, метатеги верифікації. - Код в кінці body — вставляється перед
</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 заборонені теги
<style>,<script>,@importі вирази - вони видаляються під час перевірки. - Скрипти в head та body виконуються у браузері відвідувача. Вставляйте код лише із сервісів, яким довіряєте.
- Якщо після вставки сайт «зламався», очистіть поле та збережіть – сайт повернеться до нормального вигляду.
Запитання та відповіді#
Лічильник не вважає#
Перевірте, що код вставлений у head, збережений, а сайт відкритий на публічній адресі (не в кабінеті). Блокувальники реклами можуть заважати перевірці.
Чи можна вставити картку чи форму?#
Так - як блок "Свій HTML" на сторінці через ІІ-асистента. розділ Головна та меню.