Настройка целей в ке
Настройка целей в Яндекс.Метрике
Яндекс.Метрика – это инструмент веб-аналитики, который помогает получать наглядные отчеты о действиях посетителей на Вашем сайте.
Для получения данных необходимо создать в Яндекс.Метрике счетчик и настроить для него цели – указать действия посетителей, в которых заинтересован владелец сайта (просмотр страницы, нажатие кнопки, оплата заказа и т.д.).
В системе Parts-Soft появилась возможность использовать цели с типом JavaScript-событие. Такая цель позволяет отслеживать события на сайте (нажатие кнопки, заполнение формы и пр.), при выполнении которых не меняется URL страницы.
ВАЖНО! Для работы с функционалом необходима новая версия АПИ Яндекс.Метрики.
ВАЖНО! Для Google Аналитики также можно настроить цели. Подробнее в справочном разделе Настройк целей в Google Аналитике.
Создание счетчика в Яндекс.Метрике
Подробное описание доступно в справочном разделе Яндекс «Создание счетчика».
ШАГ 1. Авторизуйтесь на Яндексе. В сервисе Яндекс.Метрика перейдите на страницу Счетчики и нажмите на кнопку «Добавить счетчик».
Фото 1. Список счетчиков
ШАГ 2. В открывшейся форме задайте основные настройки счетчика:
- Имя счетчика (1);
- Адрес сайта (2) – основной домен сайта, поле обязательно для заполнения.
Префикс схемы/протокола (http://, https://) указывать не следует. - Отметьте галочкой опцию Я принимаю условия Пользовательского соглашения (3).
Нажмите на кнопку «Создать счетчик».
Фото 2. Создание нового счетчика
ШАГ 3. После создания необходимо установить код счетчика на сайт.
Для получения кода перейдите к блоку Код счетчика в нижней части страницы и нажмите на кнопку «Скопировать код».
Фото 3. Код счетчика
Для редактирования настроек созданного счетчика в списке счетчиков нажмите на ярлык Настройка (см. фото 1). Откроется страница Настройка вкладка Счетчик. На этой странице также можно скопировать код счетчика.
Фото 4. Настройки счетчика
Установка кода счетчика на сайт
ШАГ 1. Перейдите в панель администрирования системы Parts-Soft и откройте меню Сайт → Общие настройки (см. фото 5).
ШАГ 2. В поле Скрипты внедряемые в head вставьте ранее скопированный код счетчика.
ВАЖНО! Если Вы установили код на сайт, а потом поменяли настройки счетчика (см. фото 4), код необходимо обновить.
ДЛЯ ИНФОРМАЦИИ: код счетчика можно также вставить и в поле Скрипты внедряемые в подвал сайта, но в соответствии с рекомендациями Яндекса код следует устанавливать как можно ближе к началу страницы: так он будет раньше загружаться и сможет отправить данные о просмотре в Метрику, даже если посетитель почти сразу же закроет страницу.
ВАЖНО! При необходимости установки кода счетчика для региона следует использовать поле Код в подвал сайта (индивидуальный для региона) в карточке региона (см. главу Индивидуальный код для региона).
ШАГ 3. Найдите опцию Активировать установку целей в Yandex Metrica и Google Analitics и отметьте ее галочкой.
ШАГ 4. Нажмите на кнопку «Сохранить» в нижней части страинцы.
Фото 5. Общие настройки сайта
РЕЗУЛЬТАТ: код счетчика установлен на сайт, функционал установки целей активирован.
ШАГ 4. Можно самостоятельно проверить правильность установки кода счетчика.
Для этого в адресной строке браузера добавьте к адресу страницы параметр _ym_debug=1 (ваш-сайт.рф/?_ym_debug=1) и загрузите страницу.
Затем вызовите консоль браузера с помощью сочетания клавиш Ctrl + Shift + J.
Если код установлен правильно, в консоли Вы увидите номер Вашего счетчика.
Фото 6. Проверка правильности установки кода
Создание целей
ШАГ 1. Вернитесь в сервис Яндекс.Метрика на страницу Настройка (см. фото 1).
Перейдите на вкладку Цели и нажмите на кнопку Добавить цель.
Фото 7. Список целей
ШАГ 2. В открывшейся форме укажите:
- Название цели (1) – список возможных целей приведен в Таблице;
- Тип условия (2) – JavaScript-событие;
- Идентификатор цели (3) – список идентификаторов приведен в Таблице.
Нажмите на кнопку «Добавить цель» в нижней части формы.
Фото 8. Добавить цель
РЕЗУЛЬТАТ: настроенные цели отображаются в общем списке (см. фото 7).
Урок 5. Как создать и установить счетчик Яндекс.Метрики на сайт?
Раз Вы интересуетесь вопросом — как установить Яндекс Метрику себе на сайт, то значит осознаете всю значимость аналитики в интернет-маркетинге. Это очень и очень похвально. Однако встречаются особые люди, которые думают, что анализировать трафик с различных каналов (Директ, Google Ads, SEO) не нужно. Мол, все работает и ладно.
Яндекс.Метрика — это сервис аналитики, предоставляемый всем без исключения на бесплатной основе. К тому же она имеет обширный функционал, с помощью которого можно не только проанализировать какой-то канал трафика, но и посмотреть, что делал каждый посетитель на Вашем веб-ресурсе.
Преимущества
Прежде, чем мы начнем разговор об установке системы аналитики, я бы хотел перечислить ряд преимуществ, которые имеет данный сервис веб-аналитики:
- Она абсолютна проста в освоении;
- Дает возможность наблюдать за поведением посетителей: Вы можете увидеть куда чаще всего кликают посетители (карта клика), до какого уровня скроллят страницу (карта скроллинга), да и вообще посмотреть, что они делают, вплоть до передвижения курсора (вебвизор);
- Большое количество отчетов для анализа эффективности трафика, в том числе удобные отчеты для аналитики Директа;
Я перечислил только основные преимущества, но в процессе работы Вы найдете и другие. Конечно, есть недостатки, но они не значительны.
Регистрация
Чтобы использовать сервисы Яндекса, в том числе и Метрику, необходимо пройти простую процедуру регистрации. Если у Вас уже есть аккаунт, то листайте вниз, а если нет, то регистрируйтесь.
- Зайдите на главную страницу поисковой системы и в правом верхнем углу найдите ссылочку «Завести почту»:
- Заполните простую форму регистрации:
Вот так вот просто, можно было даже не писать об этом. Ну да ладно. Теперь у Вас есть доступ ко всем сервисам.
Настройка Яндекс Метрики
Вот мы и плавно подошли к решению вопроса — как настроить Метрику. Благо, делается это очень и очень просто и только на двух страницах. Следуйте следующей инструкции:
Перейдите сюда и перед Вам откроется вот такая страничка, где нужно нажать на большую желтую кнопку «Добавить счетчик»:Затем придумываем название, вводим адрес, указываем часовой пояс. Не забываем принять условия Пользовательского соглашения. И обязательно включить вебвизор, карту скроллинга и аналитику форм. Нажимаем кнопку «Создать счетчик»:
Далее необходимо установить код счетчика Метрики на сайт. Для решения этой задачи имеется несколько способов: напрямую через код, через плагины для вашей CMS (здесь список плагинов и CMS’ок), через системы управления тегами (например, Google Tag Manager (там я уже описал способ установки Метрики через GTM)).
В рамках данной статьи я расскажу об установке счетчика напрямую, так как для большинства пользователей это самый подходящий способ.
Установка счетчика
Все мы знаем, что любой сайт, представленный в Интернете, состоит из определенного набора символов — HTML-кода. Поэтому, чтобы добавить счетчик на сайт, необходимо хоть немного разбираться в HTML. Если Вы не знаете ни одного тега и вообще представления не имеет, что такое HTML, то лучше доверьте это знающему человеку.
Итак, скопируйте код счетчика отсюда (см. скриншот ниже):
Установить код счетчика желательно перед закрывающим тегом </head>, прямо перед ним. Вот так:
Почему именно сюда? Просто потому, что страницы сайта грузятся сверху вниз (как мы читаем книгу) и таким образом код счетчика будет подгружаться в первую очередь. Еще, устанавливая счетчик выше, мы страхуем себя от не засчитанных визитов пользователей, у которых сайт не до конца подгрузился.
Проделать эту процедуру необходимо на всех страницах, чтобы видеть в отчетах всю ситуацию, происходящую на сайте. Для CMS, кроме установки плагинов, можно вставить код в основной файл шаблона, на котором работает сайт, к примеру, header.php (для WordPress) и тогда он будет подгружаться на всех страницах сайта.
Дальше будет чуть посложнее, дальше настройка целей в Метрике. Об этом подробно я рассказываю тут.
Зачем нужны счётчики аналитики на сайте и что они умеют
Если у вас есть бизнес в интернете, вероятно, вы хотите понимать, сколько людей к вам приходят и как они себя ведут. Именно для этого нам даны счётчики аналитики. Вот что о них полезно знать.
Что такое счётчик
Счётчик аналитики — это маленький скрипт, встроенный в веб-страницу, который фиксирует посещение сайта и втихаря собирает информацию о посетителе. Эта информация отправляется на сервер, который обрабатывает эти данные и рисует отчёт: кто был на сайте и что делал.
Технически счётчик — это маленький скрипт. Визуально счётчик может выводиться в подвале страницы или не выводиться — по выбору автора сайта. Хотите, чтобы люди знали, что за ними следят, — выводите счетчик. Не хотите — не выводите.
Что умеют счётчики
Когда массовый интернет только развивался, счётчики делали только одно: считали, сколько людей заходило на сайт в день, неделю или месяц. Тогда людей интересовала только посещаемость
Что счетчики умеют сейчас:
- смотреть, откуда пришёл посетитель сайта;
- понимать, до какого места посетитель долистал и в каких местах страницы он задерживался;
- видеть, сколько людей закрыли страницу сразу, как на неё попали;
- засекать время, проведённое на сайте;
- вычислять устройство, с которого посетитель смотрит сайт, — с компьютера, телефона или с планшета;
- показывать список поисковых запросов, по которым люди находят этот сайт;
- анализировать, что интересно посетителям сайта;
- показывать города, из которых заходят на сайт;
- показывать время, в которое сайт посещает больше всего людей.
И постепенно счётчики становятся всё умнее. Есть такие, которые следят за вашим перемещением по нескольким сайтам; есть те, которые могут уведомлять вас, когда какой-то конкретный человек пришел к вам. Возможно, скоро счетчики смогут делать вам мгновенный ПЦР-тест.
Как это работает
Счётчик — это специальный код, который вставляется на все страницы сайта (если у вас сайт состоит из отдельных HTML-файлов) или добавляется в общий блок для всех страниц (как в Вордпрессе). Выглядит он примерно так:
При загрузке страницы происходит следующее:
- Загружается и срабатывает этот скрипт.
- Скрипт добавляет новые невидимые элементы на страницу.
- К каждому из этих элементов привязано какое-то действие главного скрипта сервера.
- Когда на сервере срабатывает главный скрипт, он получает свою порцию данных о действиях пользователя и добавляет их в статистику.
- Так как таких мини-точек для запуска главного скрипта получается много, сервис аналитики получает полную картину того, что пользователь делает на сайте.
- И это всё происходит очень быстро и незаметно для посетителя.
Получается, что этот счётчик как бы расставляет на странице много камер наблюдения, каждая из которых отвечает за свой сектор. В зависимости от того, как посетитель пользуется сайтом, он попадает в поле зрения той или иной камеры. Потом система анализирует данные и добавляет их в статистику посещений.
Какие системы аналитики бывают
Есть две популярные системы аналитики — Яндекс.Метрика и Гугл Аналитика. В целом они умеют много похожего, но отличаются интерфейсом и системой сбора данных. Мы Яндекс, поэтому любим «Метрику».
А можно примеры использования?
Допустим, вы запускаете рекламную кампанию в соцсетях и хотите узнать, откуда придёт больше людей и по каким параметрам. Вы заходите в систему аналитики, записываете свои обычные показатели, чтобы потом было с чем сравнить, и запускаете рекламу. Через неделю-другую после запуска можно снова зайти и посмотреть: откуда пришло больше людей, как долго они были на сайте, заказали что-то или нет.
Или вам не нравится дизайн сайта и вы полагаете, что посетителям он тоже не нравится. Тогда вы ставите счётчик на нужные страницы и включаете «Вебвизор», а он записывает все действия пользователя на сайте. Потом вы заходите и смотрите эти записи — что делали люди на вашем сайте, как водили мышкой, где задерживались и на что нажимали. Такой анализ часто может помочь исправить слабые места в дизайне.
Что дальше
В следующем выпуске расскажем о том, как установить такой счётчик аналитики себе на сайт. На деле это гораздо проще, чем кажется. Подпишитесь на рассылку, чтобы не пропустить новую статью.
Установка целей — сразу для Метрики и Analytics универсальный и простой скрипт целей для Яндекс Метрика и Google Analytics
Итого, установка скрипта, добавляет следующие цели события в Яндекс.Метрике:
SENDall – составная цель в Яндекс.Метрике в виде воронки в один шаг, объединяет все конверсионные формы в цель SEND + внешние цели от сервисов сбора контактных данных, таких как: онлайн-чат, заказ звонка, ловец лидов. В итоге фиксируется как 1 конверсия со всех событий.
SEND – срабатывает, когда клиент отправляет контактную информацию, обычно через встроенные формы на сайте. Может срабатывать на посещение целевых страниц означающих заявку, перехватывает конверсионные цели с внешних сервисов
TIME – срабатывает после 40 секунд (опционально) активного просмотра одной страницы, где учитывая активность браузера, прокрутка страницы, выделение, клики
FORM – человек начал заполнять конверсионную форму перед достижением цели SEND
SPAM – цель срабатывает, когда SEND был оставлен быстрее TIME, не срабатывает для конверсионных страниц
ERROR – цель срабатывает при посещении битой страницы 404 Not Found / Ресурс не найден
SEARCH – цель срабатывает при поиске по сайту
CLICK_TEL – клик по ссылке с номером телефона
CLICK_EMAIL – клик по ссылке с email адресом
CLICK_MES – клик по мессенджерам
CLICK_SOC – клик по социальным ссылкам
CLICK_FILE – клик на скачивание файла по прямой ссылке
CLICK_ORDER – клик по произвольному элементу согласно заданному условию в скрипте
GOOD – цель отражает полезное действие на сайте, любое срабатывание из целей SEND, FORM, CLICK_TEL, CLICK_EMAIL, CLICK_MES, CONTACT
CART – посещение страницы «Корзина»
CONTACT – посещение страницы «Контакты»
Воронка SCROLL в виде следующих шагов:
SCROLL25 – прокрутка от 25% страницы сайта
SCROLL50 – прокрутка от 50% страницы сайта
SCROLL75 – прокрутка от 75% страницы сайта
SCROLL100 – прокрутка 100% страницы сайта
Дополнительные цели, которые не создает скрипт, но рекомендуется добавить:
PAGE – просмотр 3 и более страниц
Воронка продаж для интернет-магазинов, по шагам с примерами:
1. Просмотр сайта (например url-содержит / )
2. Просмотр корзины (например url-содержит /cart/ )
3. Оформление заказа (например url-содержит /order/ )
4. Спасибо за заказ (например url-содержит ORDER_ID= )
Устанавливаем код перед закрывающем тегом </BODY> после установки счетчиков:
Если нужно добавить еще несколько целей по клику, то рекомендуется использовать следующий шаблон внутри функции jQuery(document).ready Если требуется внешний вызов, например на кнопке добавить в корзину, то пропишите так
Описание переменных и настройка
- ymNumber («»|»9876543210») — номер Яндекс.Метрики для передачи конверсий
- gaNumber («»|»UA-9876543210») — номер Google Аналитики для передачи конверсий
- ymCreate (true|false) — создать счетчик Yandex Metrika скриптом
- gaCreate (true|false) – создать счетчик Google Analytics скриптом
- bDebug(true|false) — разрешить режим отладки в консоли при посещении c параметром ?slog=1 во время настройки стоит использовать true и когда за закончена отладка выключать в целях безопасности
- bDebugAlert(true|false) — разрешить срабатывать alert() при срабатывании редко уловимых целей в режиме отладки
- fForm (jQuery селекторы) — выделение контейнера в качестве конверсионной формы для срабатывания FORM при изменении
- bFormSEND (true|false) — включить передачу цели SEND при отправки с конверсионных форм fForm
- fRequired (jQuery селекторы) — если bRecSEND работает и есть выборка fForm идет проверка значений полей INPUT, которые должны быть обязательно заполнены перед отправкой для срабатывания цели SEND
- bRequired(true|false) — если fRequired и bRequired true, тогда на уровне браузера данные INPUT обязательны к заполнению, что позволяет избежать часть ошибок перед отправкой формы
- fBut («»|jQuery селекторы) — если значение не пустое, тогда идет срабатывание SEND просто по клику на кнопку внутри fForm, применять метод в последнюю очередь когда другие методы перехвата не работают
- fClickORDER («»|jQuery селекторы) — если значение не пустое, тогда идет срабатывание SEND просто по клику на выделенный элемент.
- fClickSOC(«»|jQuery селекторы) — селекторы определяющие цель CLICK_SOC клик по социальным ссылкам.
- fClickMES(«»|jQuery селекторы) — селекторы определяющие цель CLICK_MES клик по мессенджерам.
- rUrlSucces (null|регулярные выражения JS) — если значение не null, тогда идет поиск соответствия регулярному выражению по URL и срабатывает цель SEND при истинном значении вне зависимости от bRecSEND
- rAjaxUrl (null|регулярные выражения JS) — при отправке AJAX идет поиск по URL куда эти данные отправляются и если соответствует выражению, срабатывает SEND вне зависимости от bFormSEND и все AJAX срабатывают по условию ИЛИ
- rAjaxData(null|регулярные выражения JS) — при отправке AJAX идет поиск по отправляемым данным с форм и если соответствует выражению, срабатывает SEND вне зависимости от bFormSEND
- rAjaxResponse(null|регулярные выражения JS) — при отправке AJAX идет поиск по полученным данным с сервера и если соответствует выражению, срабатывает SEND вне зависимости от bFormSEND
- sAutoGoalSEND — перечисление через запятую, какие цели перехватываем с новой Яндекс.Метрики и дублируем конверсию в SEND
- fMask(«»|jQuery селекторы) — если значение не пустое, то применяется маска к заполнению INPUT, обычно используется для номера телефона
- fMask(«+9999-999-9999») — шаблон маски к заполнению INPUT при непустом fMask
- secMax (40) — число секунд до срабатывания цели TIME, обнуляется с каждым новым посещением
- sNoClass(«fsend») — имя класса, которое будет добавляться к fForm чтобы исключить уже известные формы и поймать новые динамические формы через каждые 2 секунды
- priceTIME(0) — указываем больше 0 если точно знаем ценность данной цели и хотим видеть данные в отчетах по электронной коммерции, лучше не использовать совместно с priceSEND
- priceSEND(0) — указываем больше 0 если точно знаем ценность данной цели и хотим видеть данные в отчетах по электронной коммерции, лучше не использовать совместно с priceTIME
- bDebugStatus(false) — указываем true для принудительного включения режима отладки, в случаях когда slog=1 не срабатывает, по завершению обязательно возращаем значение false
Популярные примеры jQuery селекторов и регулярных выражений JavaScript для цели SEND
- «form,#form,.form» – выбрать все теги FORM, все теги с ID #form, все теги с классом .form
- «FORM:not(#uptocall-form, #uptocall-form-email, #search, .search, #subscribe, .subscribe, #smartfilter, .smartfilter, #login, .login)» – выбрать все теги FORM кроме #uptocall-form, #uptocall-form-email и т.д.
- «FORM:has(.seoup, .feedback)» – выбрать только теги FORM с классом .seoup, .feedback. Аналог «FORM.seoup, FORM.feedback»
- «#myinput\[3\]» – выбрать элемент у которого ID с квадратными скобками «myinput[3]»
- «FORM[action=\/\#wpcf7-f4349]» — выбрать FORM у которой атрибут action=»/#wpcf7-f4349″
Примеры регулярных выражений JS:
- /12a45/ — строка содержит «12a45» в любом месте
- /^12a45/ — строка начинается с «12a45»
- /12a45$/ — строка заканчивается на «12a45»
- /^12a45$/ — строка строго «12a45»
- /^[null,<"ok":1>]$/ — строка строго «[null,<"ok":1>]»
- /^45678$|^12a45$/ — перечисление вариантов поиска символом «|»
- /input_phone=.<5,>&input_email/ — строка имеет «input_phone=» и «input_email» между которыми 5 и более символов, это по логике означает заполненное поле input_phone
- /order((?!edit).)*/$/ — для страницы «site.ru/order/» работает, а для «site.ru/order/edit/» не работает
- /order.*thank/ — для страницы «site.ru/order/» не работает, а для «site.ru/order/thank» работает
- /d<3>-d<3,5>-D<4>/ — выбирает числа разбитые через дифис сначала 3 числа, потом дефис, потом 3-5 чисел, потом дефис, 4 символа все кроме цифр
Тестируем цели и исправляем ошибки
Все корректно, а целей в отчете нет?
В Яндекс.Метрика обычно требуется 15-40 минут, чтобы она отобразила достижение цели в своих отчетах
В Яндекс.Директ обычно требуется 1-2 дня, чтобы из отчета «Все цели» появились уже имена конкретных целей SEND и TIME. Яндекс.Директ предварительно надо связать с Яндекс.Метрика.
В Google Analytics в режиме реального времени может отобразить цель, задержка 3-15 секунд
В Google AdWords обычно требуется 2-3 для показа целей. Google AdWords предварительно надо связать с Google Analytics