Фишки Яндекс.Метрики: узнаем точный URL, на котором выполнена цель
Привет. Я Дмитрий Макаров. Занимаюсь рекламой с 2013 года. Продвигал более сотни проектов, в т.ч. собственные. Самый долгосрочный проект веду 8-й год. Люблю всё, что позволяет гибко настроить аналитику, а так же поиск и сбор ЦА).
Сегодня я поделюсь с вами как при помощи небольшой модификации стандартной цели Яндекс.Метрики вы сможете точно узнаваь на каких именно страницах сайта выполнялась цель.
Дополнительная аналитика позволит увеличить конверсию сайта.
Дано: у вас многостраничный сайт. Установлена Яндекс.Метрика. На разных страницах выполняется одна и та же цель.
Задача: отслеживать на каких именно страницах была достигнута цель и увидеть этот отчёт в Яндекс.Метрике при помощи модификации стандартного кода цели.
Если на сайте используются классические URL, то будет достаточно прописать один дополнительный параметр к коду цели, установленном на сайте.
Пример: https://www.site.com/public/
Добавляем через запятую параметр {URL: document.location.href} В итоге код цели будет иметь следующий вид:
ym (XXXXXX, 'reachGoal', 'TARGET', {URL: document.location.href})
XXXXXX - ID счетчика метрики
TARGET - Идентификатор цели из настроек цели в Я.Метрике
URL: document.location.href - передаваемая информация в формате ключ: значение. Подробнее:
- URL - Ключ (В отчете «Параметр 1»). Т.к. мы передаем значение URL, то так и назовем.
- document.location.href - динамическое значение (В отчете «Параметр 2»).
Возвращает весь URL, где достигнута цель. Подробнее:
document: объект, представляющий текущую страницу.
location: свойство объектаdocument.Предоставляет информацию о текущем URL.
href: Подсвойство объектаlocation.Содержит полный URL-адрес.
Если в URL присутствуют хэши #
Если на сайте используются, например, динамические фильтры, то это создает множественные страницы, которые в итоге видны в статистике.
Пример: https://www.site.com/public/?filter=all#1
Используя стандартную инструкцию от Я.Метрики вы получите такой результат:
С разбивкой по URL мы получаем в сумме 18 посетителей. На самом деле их 13. Так бывает, если один пользователь выполнил цель несколько раз:
- Без хэша
- С хэшем
- С разными хэшами
Получать не весь URL, а его конкретную часть (путь).
Какие еще подсвойства объекта location мы можем передавать, разберем на примере URL: https://www.site.com/public/?filter=all#1
В формате подсвойство → значение:
window.location.origin → 'https://www.site.com'
.protocol → 'https:' (Протокол)
.host → 'www.site.com' (Хост. Если в строке был указан порт, то он так же передастся) *
.hostname → 'www.site.com' (Имя хоста) *
.port → '' (порт. В примере его не было)
.pathname → '/public/' (путь - то, что нам нужно!)
.search → '?filter=all' (Значение после знака ?)
.hash → '#1' (хэш, который нам мешал)
.href → 'https://www.site.com/public/?filter=all#1' (весь URL)
Если вы хотите передавать путь (адрес страницы): document.location.pathname
ym (XXXXXX, 'reachGoal', 'TARGET', {path: document.location.pathname})
Если вы хотите передавать еще и заголовок: Title: document.title:
ym (XXXXXX, 'reachGoal', 'TARGET', {path: document.location.pathname, Title: document.title})
Если вы хотите увидеть путь реферера (страницу, с которой пользователь попал на целевую страницу). Добавлю Referer:document.referrer:
ym (XXXXXX, 'reachGoal', 'TARGET', {path: document.location.pathname, Title: document.title, Referer:document.referrer})
- P.S. Разница между «host» и «hostname». Если в строке присутствует порт (https://www.samanthaming.com:8080), то вернутся следующие значения:
window.location.host; // 'www.site.com:8080'
window.location.hostname; // 'www.site.com'
window.location.port; // '8080'
Ещё больше полезных ссылок для эффективных запусков от команды ERESH:
✓ Регистрация в ERESH
✓ Рубрикатор — энциклопедия таргета, каталог полезных материалов о работе с ERESH.
✓ ZeMedia Club — VIP-поддержка по проектам от команды ERESH, клуб маркетологов.
✓ Партнёрская программа — делись своей реферальной ссылкой и пополняй баланс.
✓ Актуальные тарифы на функции ERESH
✓ Чат сообщества ERESH. Welcome за общением!
✓ Техническая поддержка ERESH: пишите в сообщения сообщества.
✓ LAKE – агентский кабинет компании ZeMedia. Всё о работе и преимуществах.
