КАК УСТАНОВИТЬ МЕТРИКУ НА САЙТ
1. Для настройки и установки счетчика Метрика на свой сайт перейдите в сервис Яндекс.Метрика — metrika.yandex.ru
2. Войдите в свой Яндекс-аккаунт или зарегистрируйтесь, если такового не имеете.
3. После успешного входа на главной странице нажимаем «Добавить счетчик».
4. На открывшейся странице заполняем следующие данные:
- Имя счетчика: какое вам будет удобно;
- Адрес сайта: с которого будет собираться информация;
- При необходимости редактируем часовой пояс, добавляем дополнительные адреса;
- Включаем Вебвизор, карту скроллинга, аналитику форм;
- Принимаем условия соглашения и нажимаем «Создать счетчик».
5. Попадаем на второй шаг Установите код счетчика на сайт. Здесь выбираем способ установки — HTML.
6. Листаем ниже и копируем предложенный код.
7. Чтобы добавить счетчик Яндекс.Метрики на сайт, необходимо вставить скопированный код на все страницы внутри тега <head> или <body>.
КАК ДОБАВИТЬ КОД СЧЕТЧИКА МЕТРИКИ НА САЙТ
ЕСЛИ САЙТ РАБОТАЕТ НА WORDPRESS
Для сайтов, работающих под CMS WordPress, сделать это можно через админ. панель.
1. Зайдите на сайт под логином и паролем администратора и перейдите в Редактор (на левой панели «Внешний вид — Редактор или Редактор тем»).
2. Откройте файл Подвал (footer.php) и добавьте код счетчика перед закрывающимся тэгом </body> (обычно находится в самом низу файла). Нажмите «Обновить файл». Теперь счетчик установлен на всех страницах вашего сайта и готов к работе.
ЕСЛИ САЙТ РАБОТАЕТ НА ДРУГОЙ CMS
Если ваш сайт работает под другой системой управления (не WordPress), скорее всего доступа к файлам сайты через административную панель не будет.
Обратите внимание! Если сайт работает на конструкторе (Wix, Tilda и пр.), то для них добавление Метрики делается проще. Обычно нужно найти функцию Настройка аналитики или Интеграции. Или воспользоваться справкой сервисов, где подробно описан процесс добавления. В случае возникновения сложностей, пишите в поддержку.
Чтобы добавить код отслеживания, потребуется доступ к хостингу сайта или FTP.
Добавление кода отслеживания через хостинг
Рассмотрим на примере хостинга Beget.
1. Зайдите в панель управления хостингом и найдите сервис Файловый менеджер:
2. Откройте папку сайта, на который вы добавляете код.
3. Далее найдите файл footer.php или header.php. Имейте в виду, что у каждой CMS свой внутренняя структура, соответственно, путь до файла будет разным. Например:
- WordPress: корневая-папка/wp-content/название-используемой-темы-сайта/header.php или footer.php
- Joomla: корневая-папка/templates/название-используемой-темы-сайта/header.php или footer.php
- OpenCart (OcStore): корневая-папка/catalog/view/theme/название-используемой-темы-сайта/template/common/header.tpl или footer.tpl
- Drupal: папка-сайта/modules/sistem/html.tpl.php
4. В файле ищем закрывающийся тег </body> (если открыли файл Footer) или </head> (если зашли в файл Header) и вставляем на новой строчке перед ним скопированный тег Яндекс Метрики:
5. Сохраняем изменения в файле.
ПОДТВЕРЖДЕНИЕ УСТАНОВКИ КОДА НА САЙТА
1. После установки кода вернитесь на вкладку с Метрикой и нажмите Начать пользоваться:
2. Проверить корректность установки счетчика можно на главной странице metrika.yandex.ru. После добавления кода на сайте, нажмите на желтый круг рядом с названием счетчика. Он должен стать зеленым! В этом случае код установлен верно. Если загорелся красный, значит, была допущена ошибка. Проверьте, правильно ли вы скопировали код, в правильно ли место вставили.
КАК СОЗДАВАТЬ ЦЕЛИ В ЯНДЕКС МЕТРИКЕ
Для настройки целей Я. Метрики перейдите в свой аккаунт https://metrika.yandex.ru/
Зайдите в настройки нужного счетчика:
Перейдите в «Цели» и нажмите кнопку «Добавить цель»:
В открывшемся окне введите название цели и выберите необходимое условие:
На выбор есть 11 условий:
- Количество просмотров.
Цель будет считаться достигнутой, когда за один визит посетитель просмотрит заданное вами количество страниц.
Для настройки просто введите число страниц.
- Посещение страниц.
Такая цель будет считаться достигнутой, когда посетитель попадет на конкретную страницу сайта.
Для настройки введите точный URL, либо его часть, также можно добавить несколько условий (например, посетитель был и на странице Каталога и Контактов).
- JavaScript-событие.
Цель будет достигнута при нажатии посетителем какой-либо кнопки, заполнении формы. Настройка осуществляется сложнее, так что мы подробно рассмотрим ее ниже.
- Составная цель.
Этим способом можно задать сложную цель, которая будет достигаться путем выполнения нескольких последовательных действий.
- Клик по номеру телефона.
Цель будет считаться достигнутой, когда пользователь нажмет на кликабельный номер телефона. Для настройки укажите конкретный отслеживаемый номер или отметьте «все номера».
- Клик по e-mail
Цель будет считаться достигнутой, когда пользователь нажмет на электронный адрес. Для настройки укажите конкретный адрес или отметьте «все адреса».
- Отправка формы.
Цель будет считаться достигнутой, когда пользователь выполнит отправку формы. Для настройки укажите конкретную форму или отметьте «все формы».
- Переход в мессенджер.
Цель будет считаться достигнутой, когда пользователь нажимает на ссылку, ведущую в мессенджер. Для настройки укажите конкретный мессенджер или отслеживайте все.
- Скачивание файлов.
Цель будет считаться достигнутой, когда пользователь нажмет «скачать файл». Для настройки укажите конкретный тип файла или все типы.
- Поиск по сайту.
Цель будет считаться достигнутой, когда пользователь осуществляет поиск по сайту. Дополнительные настройки не требуются.
- Клик по кнопке.
Цель будет считаться достигнутой, когда пользователь нажимает на любой кликабельный элемент сайта.
Подробное описание каждого типа цели вы найдете в соответствующей вкладке. В зависимости от того, что именно вы хотите отслеживать, выберите тип цели, выполните необходимые настройки и нажмите «Добавить цель».
НАСТРОЙКА JAVASCRIPT-СОБЫТИЕ В ЦЕЛЯХ ЯНДЕКС МЕТРИКИ
Если вы хотите достичь цели, которой нет в предложенном списке, выберите JavaScript-событие, добавьте название цели и придумайте идентификатор. Нажмите «Добавить цель».
Правила при создании идентификатора цели:
- название должно быть написано латиницей
- можно использовать заглавные буквы
- нельзя использовать спец.символы /, &, #, ?, =
- нельзя использовать названия аналогичные url какой-то из страниц сайта или даже части url
Созданная цель появится в списке.
Теперь информацию о созданной цели необходимо добавить на сайт. Скопируйте номер вашего счетчика и идентификатор цели — они пригодятся далее. Или просто не закрывайте вкладку Метрики.
НАСТРОЙКА ЦЕЛИ JAVASCRIPT-СОБЫТИЕ НА САЙТЕ
Чтобы настроить цель на сайте, вам понадобится доступ в админ.панель сайта, если сайт работает на WordPress или Bitrix, или же доступ к файлам сайта через хостинг или FTP, если сайт сделан на другой платформе.
Зайдите в редактор кода той странице, на которой установлена нужная вам кнопка или форма.
Найдите часть кода в теге <a>, убедитесь, что это та самая кнопка, которая вам нужна для настройки цели. Например:
<a class="button" href="#">Оставить заявку</a>
Добавьте в тег <a> следующий код:
onclick="ym(ХХХХХХХХ, 'reachGoal', 'YYY'); return true;"
где
- ХХХХХХХХ — номер счетчика Метрики (копировали на предыдущем этапе)
- YYY — название идентификатора цели (создавали и копировали на предыдущем этапе)
Таким образом, в нашем примере кнопка станет:
<a class="button" href="#">Оставить заявку</a>
Если на странице с формой нет тега <a>, но есть тег <form>, добавьте код в него. Таким образом получится:
</p> <form action="" method="get">...</form> <p>
ЕСЛИ НУЖНАЯ ФОРМА НА САЙТЕ СОЗДАНА С ПОМОЩЬЮ ПЛАГИНА CONTACT FORM
Если сайт сделан на WordPress и для создания форм используется популярный плагин Contact Form 7, то правила настройки будут другими.
Для начала на левой панели перейдите в раздел «Contact Form 7 — Контактные формы» и скопируйте id формы, для которой вы настраиваете цель:
Дальше на левой панели войдите в раздел «Внешний вид — Редактор»:
На правой панели найдите файл footer.php. Откройте его. В теле документа (ближе к его концу) найдите тег </body>:
Вставьте на предыдущую строчку скрипт:
<script>
document.addEventListener( 'wpcf7submit', function( event ) {
if(event.detail.contactFormId=="ZZZ"){ yaCounterХХХХХХХХ.reachGoal('YYY');
}
}, false );
</script> где
- ZZZ — id контактной формы, который вы скопировали ранее,
- ХХХХХХХХ — номер счетчика Метрики,
- YYY- идентификатор цели.
Для нашего примера скрипт выглядит так:
После внесения изменений «Обновляем файл».
Чтобы проверить, верно ли произведены настройки цели, заполните форму на сайте (или нажмите нужную кнопку — зависит от того, какое именно событие вы настраивали). Вернитесь в Яндекс Метрику в раздел «Счетчики». В строке настраиваемого счетчика появится название добавленной цели и количество ее достижений. Если цель настроена верно, после выполнения вами целевого действия на сайте, появится цифра 1:
Поздравляем! Вы успешно установили и настроили счетчик Яндекс Метрики на сайт самостоятельно!