Подключение nocookie

Счётчик — это один тег <script>. Его можно поставить на любой сайт за пару минут, без программиста.

Быстрый старт

1. Войдите в кабинет. Если сайта ещё нет, добавьте его: меню аккаунта → Добавить сайт.
2. На странице сайта нажмите Код счётчика и скопируйте код. В нём уже указан ID вашего сайта.
3. Вставьте код в раздел <head> всех страниц. Как это сделать на популярных платформах, описано ниже.
4. Откройте свой сайт: через несколько секунд визит появится в кабинете в блоке Последние 30 минут.

Код выглядит так (вместо ВАШ-ID — ID сайта из кабинета):

<script defer src="https://nocookie.ru/script.js" data-website-id="ВАШ-ID"></script>

Tilda

1. Откройте проект и перейдите в Настройки сайта → Вставка кода.
2. Найдите поле HTML-код для вставки внутрь head и вставьте код счётчика.
3. Сохраните и нажмите Опубликовать все страницы: Tilda применяет код только к опубликованным заново страницам.

WordPress

Через плагин (проще)

1. Установите бесплатный плагин WPCode (Плагины → Добавить новый).
2. Откройте Code Snippets → Header & Footer и вставьте код в поле Header.
3. Сохраните изменения. Если на сайте есть плагин кеширования, очистите кеш.

Через тему

Добавьте в functions.php дочерней темы:

// nocookie — аналитика без cookies
add_action('wp_head', function () { ?>
  <script defer src="https://nocookie.ru/script.js" data-website-id="ВАШ-ID"></script>
<?php });

1С-Битрикс

1. В административной части откройте Настройки → Настройки продукта → Сайты → Шаблоны сайтов и выберите шаблон, который использует сайт.
2. В коде шаблона (файл header.php) найдите строку </head> и вставьте код счётчика перед ней.
3. Сохраните шаблон и сбросьте кеш: Настройки → Настройки продукта → Автокеширование → Очистка файлов кеша.

Если шаблон правите через PHP, можно добавить код так:

$APPLICATION->AddHeadString('<script defer src="https://nocookie.ru/script.js" data-website-id="ВАШ-ID"></script>', true);

InSales

1. Откройте в бэк-офисе редактор шаблона вашей темы.
2. В основном файле шаблона найдите строку </head> и вставьте код счётчика перед ней.
3. Сохраните тему и откройте магазин, чтобы проверить данные в кабинете.

Названия разделов зависят от версии бэк-офиса. Не нашли, где править шаблон? Напишите нам, подскажем.

OpenCart

1. В админке откройте Дизайн → Редактор шаблонов и выберите файл common/header.twig.
2. Найдите строку </head> и вставьте код счётчика перед ней.
3. Сохраните и обновите кеш шаблонов на главной странице админки.

Файл также можно править напрямую: catalog/view/theme/ваша-тема/template/common/header.twig. В старых версиях он называется header.tpl.

Joomla

1. В админке откройте шаблоны сайта и выберите шаблон, который используется по умолчанию.
2. В файле index.php найдите строку </head> и вставьте код счётчика перед ней.
3. Сохраните. Если включён кеш, очистите его.

MODX

1. В менеджере откройте Элементы → Шаблоны и выберите шаблон сайта.
2. Вставьте код счётчика перед строкой </head>. Если шапка вынесена в отдельный чанк, вставьте код туда.
3. Сохраните и очистите кеш сайта.

Drupal

1. Откройте файл темы html.html.twig. Если его нет в вашей теме, скопируйте из базовой.
2. Вставьте код счётчика перед строкой </head>.
3. Сохраните и очистите кеш: Конфигурация → Производительность.

Wix

1. В панели сайта откройте Настройки → Собственный код (Custom Code).
2. Нажмите «Добавить код», вставьте счётчик, выберите размещение Head и все страницы.
3. Сохраните и откройте сайт. Функция доступна на сайтах с подключённым доменом.

Другие конструкторы и CMS

Почти в любом конструкторе есть поле для своего кода в <head>. Обычно оно называется «Код в head», «Пользовательский код», «Custom code» или «Счётчики и аналитика». Вставьте туда код счётчика. Если поле есть только для <body>, это тоже сработает.

Если сайт написан вручную, вставьте код в общий шаблон или во все HTML-файлы перед </head>.

React, Next.js, Vue

Счётчик сам отслеживает переходы в одностраничных приложениях: он видит изменения адреса через History API. Достаточно подключить скрипт один раз.

Next.js (App Router)

// app/layout.tsx
import Script from 'next/script';

export default function RootLayout({ children }) {
  return (
    <html lang="ru">
      <body>
        {children}
        <Script defer src="https://nocookie.ru/script.js" data-website-id="ВАШ-ID" />
      </body>
    </html>
  );
}

React (Vite, CRA), Vue, Svelte

Добавьте тег в index.html перед </head>. Больше ничего не нужно.

События и цели

Кроме просмотров страниц, можно считать действия: клики по кнопкам, отправку форм, покупки. Самый простой способ — атрибут data-nocookie-event на элементе:

<button data-nocookie-event="Заказать звонок">Перезвоните мне</button>

<!-- С дополнительными данными: data-nocookie-event-ИМЯ -->
<a href="/price.pdf" data-nocookie-event="Скачать прайс" data-nocookie-event-format="pdf">Прайс</a>

Из JavaScript события отправляются функцией nocookie.track:

nocookie.track('Отправка формы');
nocookie.track('Подписка', { plan: 'pro' });

// Покупка: сумма попадёт в отчёт «Выручка»
nocookie.track('Покупка', { revenue: 1990, currency: 'RUB' });

Контакты — без настройки

Клики по телефону (tel:), почте (mailto:), WhatsApp, Telegram, Viber, MAX и VK, а также копирование номера телефона или email со страницы счётчик отправляет сам — событиями «Контакт: телефон», «Контакт: копирование телефона» и т. п. Ничего добавлять не нужно. Текст, который посетитель копирует из полей формы, не учитывается. В разделе Источники видно, какие каналы и рекламные кампании приводят к контактам.

Посмотреть события можно на вкладке События. Чтобы считать конверсию, создайте цель в разделе Цели и выберите событие или страницу (например, /thanks).

Параметры скрипта

Поведение счётчика настраивается атрибутами тега <script>.

Пример с несколькими параметрами:

<script defer src="https://nocookie.ru/script.js"
  data-website-id="ВАШ-ID"
  data-domains="shop.ru"
  data-exclude-search="true"></script>

Как не учитывать свои визиты

Откройте свой сайт, затем консоль браузера (F12 → Console) и выполните:

localStorage.setItem('nocookie.disabled', '1');

С этого момента ваши визиты в этом браузере не учитываются. Чтобы снова учитывать: localStorage.removeItem('nocookie.disabled'). Настройка действует для одного браузера и одного сайта.

Сводки в Telegram

Telegram-бот nocookie каждое утро присылает сводку за вчера: посетители, визиты, отказы, главные источники и страницы. Если счётчик перестал присылать данные (например, после обновления сайта код пропал), бот сразу предупредит.

Открыть бота и отправить /start. Чтобы подписаться на уже подключённый сайт, отправьте боту публичную ссылку на его статистику (сайт → Настройки → Поделиться).

Если вы зарегистрировались на сайте, подключите Telegram в кабинете: «Профиль и пароль» → «Telegram». Сводки пойдут по всем вашим сайтам, а забытый пароль можно будет заменить командой /password.

Вопросы

Нужен ли cookie-баннер?

Для базовой статистики обычно нет: счётчик не использует cookies, localStorage для слежки и не сохраняет IP-адреса. Если включена запись сессий, опишите её в политике сайта: поля ввода в записи скрыты, но текст страниц сохраняется. Но если на сайте есть другие сервисы, которые ставят cookies (другие счётчики, виджеты чатов, рекламные пиксели), баннер может понадобиться для них.

Почему цифры отличаются от Яндекс Метрики?

Системы по-разному определяют уникального посетителя и визит, а Метрика ещё и отсеивает роботов своими алгоритмами. Расхождение в 5–20% — нормально. Сравнивайте динамику, а не абсолютные значения.

Не заблокирует ли счётчик блокировщик рекламы?

Большинство посетителей увидят счётчик, но строгие фильтры могут блокировать любые сторонние счётчики. Если для вас это критично, напишите нам: можно подключить счётчик через поддомен вашего сайта.

Где хранятся данные?

На наших серверах в России. Данные не передаются третьим лицам и не используются для рекламы. Подробнее — в политике конфиденциальности.

Остались вопросы?

Напишите нам, поможем подключить.