Как установить счётчик one2click на самописный сайт

Для сайта на своём коде, React, Vue, Next.js, Laravel или любом другом движке правило одно: код счётчика вставляется внутрь head общего шаблона, чтобы он был на всех страницах.

Установка за 4 шага

1. Скопируйте код. В кабинете one2click на шаге «Установка» скопируйте код счётчика или нажмите «Текст для программиста».
2. Вставьте в общий шаблон. Вставьте код внутрь <head> общего шаблона (layout) сайта, чтобы он попал на все страницы.
3. Выложите изменения. Соберите и выложите сайт как обычно.
4. Проверьте установку. Откройте сайт и нажмите «Проверить установку» в кабинете.

Код выглядит так, вместо ID_САЙТА в кабинете будет номер вашего сайта:

<script async src="https://one2click.ru/t.js" data-site="ID_САЙТА"></script>

Для программиста

• Одностраничные приложения. Счётчик сам ловит pushState, replaceState и popstate, поэтому переходы в React Router, Vue Router и Next.js считаются как переходы между страницами. Подключать его надо один раз, а не в каждом компоненте.
• Атрибут data-site. Счётчик ищет себя по document.currentScript, а если его нет — по script[data-site][src*="/t.js"]. Не убирайте атрибут data-site при сборке.
• CSP. Если у сайта строгая политика безопасности, добавьте https://one2click.ru в script-src и connect-src. Проверка установки в кабинете подскажет, если браузер блокирует счётчик.
• Скрыть блок из записи. Поля ввода в записях скрыты всегда. Блок с персональными данными можно убрать из записи целиком классом o2c-block, а текст замаскировать классом o2c-mask.

Как проверить, что всё работает

• Откройте сайт в обычном окне браузера и пройдите по паре страниц.
• В кабинете на шаге «Установка» нажмите «Проверить установку»: one2click откроет сайт, найдёт код и покажет первый визит.
• Первый ИИ-разбор с правками приходит, когда наберётся пять визитов людей. Боты отсеиваются сами.

Другие платформы

Тильда · WordPress · 1С-Битрикс · Creatium · InSales · Google Tag Manager. Для ИИ-ассистентов и разработчиков — страница для агентов с API проверки сайта.

Частые вопросы