Как добавить счетчики в разные CMS

Любому владельцу сайта, который хочет продвинуть свой продукт или услугу, необходимо четко понимать насколько его сайт интересен посетителям, сколько этих посетителей, на какие страницы чаще всего заходят, с каких устройств и многое другое. Но что же ответит на эти вопросы?

Для решения этой проблемы, в нашем распоряжении есть бесплатные возможности от самих поисковых систем. Самые популярные из них, это Яндекс Метрика и Google Analytics.

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

В этой статье мы покажем, как вы можете добавить данный код на свой сайт.

Analytics.js, gtag.js или GTM

Ранее при создании счетчика генерировался код из библиотеки analytics.js. В настоящее время по умолчанию генерируется Global Site Tag (gtag.js). Последний упрощает работу со счетчиком и аналитикой, а также позволяет использовать новые функции и сторонние сервисы. Настроить использование предыдущего тега (analytics.js) возможно, однако сам «Гугл» рекомендует использовать новый.

Нужно понимать, что это два разных кода, с различным принципом действия и передачей данных. Соответственно настраиваются они по-разному, цели и события для них создаются разные. И цели, созданные для analytics.js, не будут считываться кодом gtag.js. Чтобы не зависеть от типа кода, отслеживать действия посетителей на сайте можно через Google Tag Manager.

Чтобы понять какой код использовать, рассмотрим возможные варианты:

Сайт новый и на него только устанавливаются коды. Советуем устанавливать код GTM (Google Tag Manager) и работать с «Аналитиксом» через него.

На сайте установлен код GTM. Не переходите на gtag.js, так как GTM предоставляет больше возможностей. Например, он позволяет работать одновременно со многими кодами, а не только «Аналитиксом» – facebook, AdWords и т.д.

На сайте установлен код Universal Analytics analytics.js. Если и переходить на что-то, то на GTM. Так как в gtag.js итак встроена библиотека analytics.js.

Сайт новый, но ставить на него коды можно только напрямую. Однозначно устанавливайте новый тег аналитика gtag.js. Ведь это последняя версия кода отслеживания «Аналитикса», гибко работающая с другими продуктами от Google.

Далее рассмотрим создание, настройку и установку счетчика gtag.js, а также настройку и установку событий и целей.

Как проверить скрипт?

1. Откройте консоль в браузере (клавиша F12).

2. Зайдите на сайт, вы должны увидеть всплывающее окно, а в консоли на вкладке «Network — JS» загрузку скрипта «pts.lazyload.js» со статусом 200.

3. Кликните на кнопку «Продолжить», окно должно исчезнуть, а в консоли на вкладке «Network — JS» вы должны увидеть загрузку счётчиков Яндекс.Метрики (файл «tag.js») и Google Analytics (файл «js») со статусами 200.

Читайте так же:

Какие организации делать поверку счетчика

Важно! Статус счётчика в Яндекс.Метрике может быть «Не найден», пугаться не стоит, если скрипт установлен правильно, то данные будут поступать в полном объёме.

Если скрипт для защиты от ботов оказался вам полезен, подпишитесь на наши чат Telegram, канал YouTube, группу ВКонтакте и канал Twitter, а также поддержите репостами и лайками.

А если вдруг у вас возникли сложности или остались вопросы, напишите в службу поддержки, мы обязательно вам поможем.

Как добавить сайт и установить счетчик?

Если у вас нет учетной записи, зарегистрируйтесь.

Шаг 2. Добавьте сайт в Botfaqtor

На странице со списком сайтов добавьте сайт.

Шаг 3. Укажите основные данные сайта

Заполните поля:
- Название сайта. Указанное имя будет отображаться на странице Мои сайты и в верхнем меню переключения между сайтами. Желательно использовать корректные имена.
- URL сайта (Адрес сайта). Основной домен сайта. Поле обязательное для заполнения. Префикс схемы/протокола (http://, https://) обязательно нужно указать.
Нажмите кнопку Создать счетчик.

Шаг 4. Выберите сервис для защиты от ботов

Антибот для сайта. Анализирует весь трафик на сайте и блокирует ботов. Возможно гибко настроить блокировку ботов по: посадочным страницам, гео, источникам (не защищает от скликивания Я.Директ и Google ADS).
Защита от скликивания Я.Директ. Позволяет сэкономить до 30% вашего рекламного бюджета. А именно, рекламные объявления защищаемых рекламных кампаний Я.Директ не будут показываться ботам, обнаруженным на вашем сайте. Также ваша реклама перестанет показываться ботам, которых мы поймали во всем нашем сервисе. Их там уже более 6 млн.
Защита от скликивания Google ADS. Позволяет сэкономить до 30% вашего рекламного бюджета. А именно, рекламные объявления защищаемых рекламных кампаний Google.ADS не будут показываться ботам, обнаруженным на вашем сайте.

Настройка сайта #

В зависимости от выбранного сервиса сделайте настройку защиты.

Антибот для сайта #

Включите/выключите блокировку всех ботов на вашем сайте.

ВАЖНО: При включении блокировки в сервисе “Антибот для сайта” обнаруженные боты не будут видеть ваш сайт и поэтому не будут добавляться в сегмент/аудиторию защищаемого сайта в сервисах Защита от скликивания Яндекс Директ и Защита от скликивания Google ADS. Но они будут отправлены в общий сегмент/аудиторию всего сервиса Botfaqtor, который автоматически добавляется в корректировки ставок защищаемых вами рекламных кампаний. Итог: заблокированным ботам также не будет показываться ваша реклама.

Защита от скликивания Я.Директ #

Шаг 1. Разрешите Botfaqtor API доступ к Яндекс Метрике и загрузить список счетчиков.

Для подключения сервиса “защиты объявлений от скликивания” нашему приложению Botfaqtor API.Метрика необходимо получить доступ к API вашей Яндекс Метрики.

Нажмите на кнопку “Разрешить доступ к Яндекс Метрике“

В вашей учетной записи на Яндексе должен быть счетчик добавляемого сайта и права на его редактирования.

Читайте так же:

Можно ставить индукционный счетчик

При отсутствии доступа нашего приложения Botfaqtor API.Метрика к вашей учетной записи Яндекс Метрике сервис работать не будет!

Шаг 2. Разрешите Botfaqtor API доступ к Яндекс Директ и загрузить список рекламных кампаний.

Для подключения сервиса “защиты объявлений от скликивания” нашему приложению Botfaqtor API.Директ необходимо получить доступ к API вашего Яндекс Директа.

Нажмите на кнопку “Разрешить доступ к Яндекс Директ“

При отсутствии доступа нашего приложения Botfaqtor API.Директ к вашей учетной записи Яндекс Директа сервис работать не будет!

Шаг 3. Выберите кампании для защиты.

Выбираете кампании для защиты и нажимаете кнопку “Сохранить”.

Все приложения Botfaqtor прошли тщательную проверку и были зарегистрированы в Яндекс.

Полная автоматизация при помощи API-приложений, зарегистрированных в Яндекс – Botfaqtor API.Директ и Botfaqtor API.Метрика.

Защита от скликивания Google ADS #

Шаг 1. Разрешите Botfaqtor API доступ к Google.Analytics и загрузить список счетчиков.

Для подключения сервиса “защиты объявлений от скликивания” нашему приложению Botfaqtor API.Analytics необходимо получить доступ к API вашей Google Analytics (подробнее).

Нажмите на кнопку “Разрешить доступ к Google Analytics“

В вашей учетной записи на Google должен быть счетчик добавляемого сайта и права на его редактирования.

При отсутствии доступа нашего приложения Botfaqtor API.Analytics к вашей учетной записи Google Analytics сервис работать не будет!

Шаг 2. Разрешите Botfaqtor API доступ к Google.AdWords и загрузить список рекламных кампаний.

Для подключения сервиса “защиты объявлений от скликивания” нашему приложению Botfaqtor API.AdWords необходимо получить доступ к API вашего Google AdWords (подробнее).

Нажмите на кнопку “Разрешить доступ к Google AdWords“

При отсутствии доступа нашего приложения Botfaqtor API.AdWords к вашей учетной записи Google AdWords сервис работать не будет!

Шаг 3. Выберите кампании для защиты

Выбираете кампании для защиты и нажимаете кнопку “Сохранить”.

Все приложения Botfaqtor прошли тщательную проверку и были зарегистрированы в Google.

Полная автоматизация при помощи API-приложений, зарегистрированных в Google. Подробнее…

Установка счетчика на сайт #

Чтобы начать анализ трафика вашего сайта, разместите этот скрипт перед тегом </head>.

Способ установки кода счетчика Botfaqtor может отличаться для разных CMS и конструкторов сайтов.

Желательно установить наш код выше Я.Метрики и Google Analytics.

Установить скрипт -> Копируем обязательный код счетчика -> вставляем его перед тегом </head>.

Установить счетчик в WordPress #

Админка -> Внешний вид -> Редактор тем -> файл темы: Заголовок (header.php)

Установить счетчик в Joomla #

Ставим код счётчика напрямую в код шаблона.

Читайте так же:

Epson r340 сброс счетчика переполнения памперса

Для этого идите на вкладку Расширения -> Шаблоны -> Шаблон.

В редакторе шаблонов найдите файл index.php. Если его нет, на соседней вкладке «Создать переопределение» найдите этот файл и простым нажатием на него создайте файл, который можно править без потерь изменений при обновлении.

Вернитесь на вкладку «Редактор», откройте файл index.php и вставьте код счетчика в секцию < head> < /head>. Сохранитесь.

Установить счетчик в Opencart #

Вставляем код счетчика в header.tpl файл.

catalogviewthemedefault(ваша тема)templatecommonheader.tpl

Установить счетчик на Blogger #

Если вы работаете с платформой Blogger, вам необходимо:

В панели сайта зайдите на вкладку Дизайн;
Добавьте на сайт новый гаджет «HTML/JavaScript»;
Вставьте в этот гаджет свой код счетчика Botfaqtor.ru;
Сохранитесь.

Установить счетчик на Tilda #

Добавление дополнительного кода блокировок на страницу перед </head>
Мои сайты -> ваш сайт -> Настройки сайта -> Еще -> ищите “HTML-КОД ДЛЯ ВСТАВКИ ВНУТРЬ HEAD” -> Редактировать код -> вставить обязательный код счетчика.

Не забудьте переопубликовать все страницы после сохранения, чтобы изменения применились.

Установить счетчик через Google Tag Manager (GTM) #

Вы можете установить код счетчика отслеживания Botfaqtor через Google Tag Manager (GTM). (Официальный шаблон Botfaqtor GTM)

Шаг 1. Перейдите на страницу https://tagmanager.google.com/#/home

Шаг 2. Авторизуйтесь, перейдите в настройки контейнера GTM.

Шаг 3. Затем перейдите в меню Теги -> Создать.

Шаг 4. В конфигурации тега выберите тип тега, нажав кнопку: в правом верхнем углу.

Шаг 5. Выберите шаблон «Botfaqtor code» в галерее шаблонов.

Шаг 6. Добавьте шаблон в свою рабочую область.

Шаг 7. Настройте конфигурацию тега, указав свой персональный идентификатор сайта и триггер «All pages».

ваш персональный идентификатор ID сайта находится в личном кабинете Botfaqtor на странице настроек сайта.

Шаг 8. Сохраните изменения и отправьте на публикацию.

Установить счетчик на 1С.Битрикс #

Шаг 1. Войдите в систему управления, выберите
“Администрирование” → “Настройки” → “Настройки продукта” → “Сайты” → “Шаблоны сайтов”.

Шаг 2. Откройте нужный шаблон в режиме редактирования.

Шаг 3. Cкопируйте код вашего модуля и вставьте его в шаблон Вашего сайта. Если на Вашем сайте используется несколько шаблонов дизайна, то устанавливать код нужно во все шаблоны.

Также код можно вставить в файл /bitrix/templates/[имя шаблона]/ на FTP-сервере вашего хостинга.

Установить счетчик на UMI.CMS #

Установка через FTP доступ к сайту.

Шаг 1. Зайдите на сайт через FTP и выберите каталог:
/tpls/content/

Шаг 2. В файл «header.inc.tpl» вставьте код виджета сразу после тэга </head>. Если на вашем сайте используется несколько шаблонов, то установить таким образом код нужно во все шаблоны.

Шаг 3. Сохраните файл и обновите страницу вашего сайта.

Читайте так же:

Картридж бразер как сбросить счетчик

ИЛИ

Установка через панель администрирования.

Можете также попробовать установить виджет через панель администрирования (хотим предупредить, что в UMI.CMS это реализовано достаточно неудобно, лучше размещать код, используя доступ по FTP)

Шаг 1. Войдите в административную панель UMI, перейдите на страницу, на которой будет размещаться виджет. Нажмите «Редактировать» (редактирование HTML).

Шаг 2. Вставьте код виджета, например, перед закрытием тэга </body>.

Шаг 3. Сохраните страницу и обновите её на вашем сайте.

Установить счетчик на HostCMS #

Шаг 1. Войдите в систему управления HostCMS в режиме администрирования и выберите “Макеты сайта” → “Ваш макет” → “Редактировать”

Шаг 2. Откройте нужный шаблон в режиме редактирования на вкладке «Макет».

Шаг 3. Cкопируйте код Вашего модуля и вставьте его в шаблон Вашего сайта. Если на Вашем сайте используется несколько шаблонов дизайна, то устанавливать код нужно во все шаблоны.

Также код можно вставить в файл /templates/[имя шаблона]/ на FTP-сервере вашего хостинга.

Установить счетчик на Wix #

Шаг 1. Войдите в систему управления сайтом Wix.

Шаг 2. Нажмите “Редактировать сайт“.

Шаг 3. Перейдите в Настройки -> Обзор -> Код отслеживания.

Шаг 4. На странице Коды отслеживания выберите “Новый код”.

Шаг 5. Заполните форму “Сторонний код“

Вставьте код счетчика: находится на странице редактирования сайта в Botfaqtor.
введите название: Botfaqtor.
Куда добавлять код: На все страницы – Загружать код один раз.
Где разместить код: Head.
Нажмите кнопку “Добавить“

Как проверить корректность установки счетчика на сайт? #

Вариант 1. Через 10 минут после установки счетчика на сайт в личном кабинет Botfaqtor должны начать собираться данные о посещаемости вашего сайта (при условии наличия посетителей на сайте).

Вариант 2. На странице Мои сайты возле каждого сайта есть индикатор показывающий корректность установки счетчика. Можете нажать на него чтоб проверить статус.

Добавим стили css для счетчика цифр.

Сделаем секцию в виде полосы с внешними отступами padding: 20px и расположим ее внизу margin-top: 700px, чтобы при скролле страницы мышкой вниз.

В момент, когда секция была 200px от верхнего края окна, активировался счетчик цифр.

Фон у секции синий, а текст белый.

Зададим для обертки &-wrap бордюр border: 3px solid #b641b0 и выровняем по центру text-align: center.
Для текста сделаем все заглавные буквы text-transform: uppercase.
Для цифр &-num установим размер шрифта побольше font-size: 5em. Изначально сделаем невидимые цифры opacity: 0.
Добавим новый класс visible, который будет присваиваться скриптом счетчика. Когда добавим класс visible, мы увидим цифры, для этого добавим свойство opacity: 1. Добавим плавный пересчет transition: .3s.

Читайте так же:

Как подключить счетчик не прямого сечения

Как создать цель в Яндекс.Метрике

Чтобы создать цель, перейдите во вкладку «Настройки» в нужном счетчике Метрики, выберите раздел «Цели» и кликните «Добавить».

После этого выберите один из типов цели:

Количество просмотров — помогает отследить пользователей, достигших определенной глубины просмотра.

Посещение страницы — срабатывает при посещении пользователем определенной страницы в рамках одной сессии.

JavaScript-событие — устанавливается за счет внедрения небольшого кода и помогает отследить практически любое взаимодействие с сайтом.

Составная цель — фиксирует выполнение посетителем цепочки событий из всех вышеперечисленных целей.

Клик по номеру телефона — помогает соотнести количество взаимодействий посетителей с номерами, указанными на сайте в виде ссылок, с реальным числом звонков.

Клик по email — соотносит количество попыток пользователей написать на почту, указанную на сайте в виде ссылки, с реальным количеством писем.

Отправка формы — отслеживает, сколько раз посетители отправляют форму обратной связи.

Важно! В Метрике можно создать не более 200 целей.

Как проверить установку Яндекс Метрики на сайте

Для того чтобы проверить установку кода на сайт необходимо зайти на metrika.yandex.ru > Найти свой счетчик > Нажать на кружок со стрелкой.

Если все установлено верно то кружок загорится зеленым цветом — это означает что код установлен правильно и данные о посещениях начали поступать в Яндекс Метрику.