Counter setup — MediaSafe

1Скопируйте свой счётчик

Зайдите в кабинет → «Настройки» → скопируйте код под своим сайтом. Выглядит так:

<!-- MediaSafe -->
<script src="https://ingest.mediasafe.cc/collector.js"
        data-site="ВАШ_КЛЮЧ" async></script>
<!-- /MediaSafe -->

2Вставьте в

Код должен быть внутри тега вашего сайта — перед закрывающим . Атрибут async гарантирует, что счётчик не замедлит загрузку страницы.

Если у вас WordPress

Вставьте код через плагин вроде «Insert Headers and Footers» или прямо в header.php темы, перед .

Если у вас Tilda / конструктор сайтов

В настройках сайта найдите «Дополнительный код в head» и вставьте туда счётчик.

Если сайт на React/Vue/Next.js

Добавьте тег в корневой HTML-шаблон (index.html или _document.js) вручную — счётчику не нужен npm-пакет.

3Проверьте, что данные приходят

Откройте свой сайт в браузере, подождите 1–2 минуты, затем обновите «Обзор» в кабинете — должен появиться хотя бы один визит.

4Кастомные параметры (опционально)

Хотите отправлять свои данные вместе с визитами (например, тариф пользователя, сумму корзины) — добавьте этот код ДО тега счётчика, он работает даже если вызван раньше загрузки счётчика:

<script>
window.mediasafe = window.mediasafe || function () {
  (window.mediasafe.q = window.mediasafe.q || []).push(arguments);
};
</script>

Затем вызывайте где угодно на странице, сколько угодно раз:

mediasafe('params', { plan: 'pro', cartValue: 1500 });

Эти параметры появятся в отчётах «Параметры визита» и «Параметры посетителя» в кабинете.

5Частые проблемы

Нет данных больше 10 минут

проверьте, что скрипт реально загружается (вкладка Network в DevTools, статус 200 у collector.js)

Неверный ключ сайта

сверьте data-site с тем, что показано в кабинете

Блокировщики рекламы

некоторые расширения блокируют сторонние скрипты; на обычных пользователей без блокировщиков это не влияет

Готово? Загляните в кабинет

Первые визиты появятся в разделе «Обзор» уже через пару минут после установки.

Открыть кабинет →

Как установить счётчик MediaSafe