Найти в Дзене

Как добавить Яндекс Метрику на сайт на платформе 1С-Битрикс

Оглавление

Задача часто стоит перед владельцем сайта, но не все знают, как сделать это простое действие.

Что такое Яндекс Метрика - мы сегодня рассматривать не будем, если Вы попали сюда, то наверняка уже знаете, что это и для чего она нужна.

Шаг 1. Создаем счетчик

Переходим на страницу https://metrika.yandex.ru/add

Окно создания счетчика
Окно создания счетчика

Указываем:

1. Имя счетчика - произвольное имя. Проще всего вставить адрес сайта, что бы было более понятно.

2. Адрес сайта - указывается адрес сайта, без протокола (без http:// и https://). Например vebfabrika.ru
Очень полезная опция "Принимать данные только с указанных адресов". Стоит отметить ее. В большинстве случаев она Вам не пригодится, но бывают и другие случаи.

3. Часовой пояс - указываете, в каком часовом поясе работаете. Нужно для отслеживания времени в отчетах.

4. Почта для уведомлений - указываете свою почту, на которую Вам будут поступать уведомления от сервиса, например когда сайт перестал работать.

5. Автоматические цели - если Вам нужна данная опция, включаете ее. Если Вы намерены создавать свои цели (отправка определенной формы, добавления товара в корзину, оформления заказа и пр.) - то лучше выключить данную опцию.

6. Вебвизор, карта скроллинга, аналитика форм - данные опции весьма полезны, и не будут лишними. Рекомендуем их всегда включать.

Принимаем условия и жмем "Создать счетчик" в самом низу.

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

Вот так выглядит окно с кодом счетчика
Вот так выглядит окно с кодом счетчика

Шаг 2. Ищем нужный шаблон на сайте

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

Не всегда понятно, какой именно шаблон используется на сайте. Бывает что шаблонов несколько для разных страниц.
Рассмотрим ситуацию, что у нас стоит один шаблон от готового решения. Такая ситуация на большинстве сайтов.

Заходим на главную страницу сайта, перед этим авторизовавшись в административной панели как администратор сайта.

В панели выбираем:
Шаблон сайта => В панели управления => Редактировать шаблон

Пример на готовом решения для 1С-Битрикс: inCorp 2.0
Пример на готовом решения для 1С-Битрикс: inCorp 2.0

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

Шаг 3. Размещение кода Яндекс Метрики

В поле ID - переходим по ссылке на шаблон. Обычно это путь
/bitrix/templates/НАЗВАНИЕ_ШАБЛОНА/
Либо
/local/templates/НАЗВАНИЕ_ШАБЛОНА/

В нашем примере это /bitrix/templates/incorp2/

Данные шаблона
Данные шаблона

Ищем файл header.php - нажимаем на бургер-меню и пункт "Редактировать в режиме PHP".

Пример
Пример

У Вас открывается файл шаблона.
Нам осталось найти тег </head> и разместить код прямо перед ним.
Так получается наиболее правильно со стороны работы Яндекс Метрики. Но тогда будут проблемы с валидацией.
Обратите внимание, что тег начинает со слеша (/), именно после необходимо размещать.

Вот так выглядит правильно размещенный код
Вот так выглядит правильно размещенный код

Можно так-же разместить после тега <head>, но что бы и Яндекс Метрика корректно работала, и валидация сайта была правильной - лучше всего разместить код после тега <body>.
Еще один правильный вариант, размещения в файле footer.php перед тегом </body>. Именно там размещается тег из нашего готового решения.

Итог

На самом деле, сложного нечего нет. По аналогии можно размещать и коды от других систем аналитики и прочих сервисов, например Jivo Site, Google Tag и другие.

Так-же многие готовые решения имеют у себя специальное области, куда можно вставить счетчики. У нас например можно вставить его на странице настройки готового решения. Такой-же подход у копании Аспро.
Другие разработчики делают его в других местах, многие не делают вообще.

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