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

Как поставить счётчик one2click на самописный сайт: куда вставить код, как проверить установку и что учесть. Пошагово, 4 шага, около 5 минут

Обновлено 2026-10-27. Источник: https://one2click.ru/install/html

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

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

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

Код выглядит так, вместо `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 откроет сайт, найдёт код и покажет первый визит.

- Первый ИИ-разбор с правками приходит, когда наберётся пять визитов людей. Боты отсеиваются сами.

**Ещё нет кабинета?**

Зарегистрируйтесь, добавьте сайт и получите код. Первые 7 дней бесплатно, карта не нужна.

[Получить код счётчика](https://one2click.ru/start)

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

[Тильда](https://one2click.ru/install/tilda) · [WordPress](https://one2click.ru/install/wordpress) · [1С-Битрикс](https://one2click.ru/install/bitrix) · [Creatium](https://one2click.ru/install/creatium) · [InSales](https://one2click.ru/install/insales) · [Google Tag Manager](https://one2click.ru/install/gtm). Для ИИ-ассистентов и разработчиков — [страница для агентов](https://one2click.ru/agents) с API проверки сайта.

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

### Нужно ли вызывать счётчик при смене страницы в SPA?

Нет. Счётчик сам отслеживает pushState, replaceState и popstate и записывает переход как новую страницу.

### Можно ли подключить счётчик через npm?

Пакета нет: счётчик подключается тегом script с адреса one2click, чтобы обновления доходили до всех сайтов без пересборки.

### Как проверить, что браузер не блокирует счётчик?

Откройте сайт, в инструментах разработчика на вкладке «Сеть» должны быть запросы к one2click.ru. Если их нет, а в консоли ошибка Content Security Policy, добавьте one2click.ru в script-src и connect-src.