Установка и настройка Яндекс Метрики с помощью Google Tag Manager
7 уроков, более 2 часов обучающих видео материалов. Вы можете начать изучение прямо сейчас!
Более 600 человек уже изучают этот вариант курса
Рассмотрим настройку системы веб-аналитики Яндекс Метрика с помощью Google Tag Manager.
Процесс настройки схож с настройкой Google Analytics, но если для последнего имеется возможность удобной настройки событий и т.п. через веб интерфейс выбирая необходимые параметры, то для Яндекс Метрики нам придется немного пописать код самостоятельно. Но, поверьте, это все достаточно просто и под силу не только техническим специалистам. Итак приступим…
Перед началом работы, если вы еще этого не сделали, создайте контейнер, в котором мы будем создавать необходимые теги, о том как это сделано описано в материала про настройку Google Tag Manager.
Создадим новый тег для добавления кода отслеживания Яндекс Метрики на страницы сайта. Нажмите на кнопку создания тега:
Создание нового тега
Заполните поле Имя тега, укажите тип Пользовательский тег HTML:
Создание тега Яндекс Метрики
Скопируйте и вставьте в поле “HTML” код счетчика Яндекс Метрики:
Добавление кода Яндекс Метрики в Google Tag Manager
Получить его можно перейдя на вкладку “Код счетчика” находясь в режиме редактирования счетчика Яндекс Метрики:
Код счетчика Яндекс Метрики
После выполнения описанных операций у вас в Google Tag Manager должно получиться следующее:
Тег для добавления кода отслеживания Яндекс Метрики
Теперь добавьте триггер активации тега нажав на блок Все страницы затем нажмите Создать тег:
Активация тега с кодом Яндекс Метрики
Опубликуйте или перейдите в режим отладки версии контейнера:
Создание версии контейнера Google Tag Manager
На этом установка кода отслеживания Яндекс Метрики на страницы сайта с помощью Google Tag Manager завершена. Перейдем к настройке фиксации событий на сайте и передачи информации в Яндекс Метрику через Google Tag Manager.
Рассмотрим следующие варианты.
1. Фиксируем клики по элементам на странице
Предположим, что на нашем сайте имеется кнопка подписки на новости и нам нужно фиксировать клики по ней в Яндекс Метрике. Используем для примера Параметры визитов Яндекс Метрики:
|
1 |
yaCounterXXXXXXX.params(yaParams); |
Создадим тег для передачи данных в Яндекс Метрику о клике по элементу. Нажмите кнопку создания тега, укажите имя и тип тега Пользовательский тег HTML:
Тег передачи данных о клике в Яндекс Метрику
Создайте для него триггер активации:
Создание триггера активации тега для Яндекс Метрики
В настройках триггера укажите данные об элементе, по которому пользователь выполнил клик. Для демонстрации я использую элемент с идентификатором равным demo-element:
Правило фиксации клика и передачи в Яндекс Метрику
В поле HTML введите следующий код:
|
1 2 3 |
<script> yaCounter23211262.params({'Мое событие':'Клик по кнопке'}); </script> |
Получится примерно следующее:
Пример кода передачи данных
Сохраните изменения, создайте версию контейнера и опубликуйте ее. Теперь информация о кликах по кнопке будет передаваться в Яндекс Метрику, отчеты будут доступны здесь:
Отчеты “Параметры визитов” Яндекс Метрики
2. Фиксируем отправку формы
Создайте еще один тег необходимый для передачи данных в Яндекс Метрику. Выберите для него тип Пользовательский тег HTML, в поле HTML введите код:
|
1 2 3 |
<script> yaCounter23211262.params({'Мое событие':'Отправка формы'}); </script> |
Добавьте триггер активации тега:
Фиксация отправки формы в Яндекс Метрике
В настройках триггера укажите следующие настройки:
Пример правила для отправки данных о форме в Яндекс Метрику
Обратите внимание, что настройки для триггера выбраны произвольные, для решения вашей задачи используйте значения соответствующие вашей задаче. После этого сохраните триггер, тег и опубликуйте версию контейнера.
Как видите установить Яндекс Метрику на сайт можно без внесения изменений в исходный код страниц сайта, достаточно использовать возможности Google Tag Manager. Описанное выше, это несколько практических примеров возможного использования Google Tag Manager и Яндекс Метрики, опишите в комментариях ваш опыт работы с этими инструментами.
Обсуждение
Ваш комментарий
Выберите рубрику
Последние публикации
- Как получить данные из Logs API Яндекс Метрики
- Производственный календарь в Power BI
- Как не “засорять” счетчик Google Analytics при отладке на этапе внедрения
- Работа с JavaScript кодом в Google Tag Manager
- Как фиксировать максимум реальных ClientID Google Analytics
- Как добавить контейнер Google Tag Manager без изменения исходного кода страницы сайта
- 6 обновлений Google Analytics
Последние комментарии
- Ответ автора: Спасибо за уточнение...
- Ответ автора: Анатолий, спасибо! Я все почистил в нем, возможно немного позже сделаю...
- Кирилл: Стоит добавить, что такие Url может обходить краулер яндекса, и правильно было бы в роботсе запретить индексацию через Clean-Param...
- Анатолий: Спасибо, очень хорошая статья. В Postman сохрани коллекцию и расшарь для импорта, если есть возможность? Сохраню себе тоже...
- Ответ автора: ТЗ должно быть подготовлено с учетом особенностей конкретного сайта и решаемых задач...
- ав3ув: Приложили бы пример ТЗ...
- Ответ автора: Группы контента используются для других целей, в Вашем случае нужно использовать: либо пользовательский параметр, либо поле "ярлык" у события...
- Алексей: Здравствуйте еще раз! Спасибо за ответ выше! Еще не подскажете как лучше отслеживать с листинга или с карточки было нажатие на кнопку "Купить": с п...
- Ответ автора: Добрый день. Вы можете реализовать схему через ярлык события, которым фиксируете отправку формы, также можно использовать параметры, но я бы предпочел...
- Алексей: Здравствуйте, Иван! Спасибо за полезный материал! Передо мной стоит следующая задача: форма обратного звонка размещена в шапке, в центре страницы ...
Круто!
Еще бы статью написали о том, как Электронную торговлю Google Analytics ставить через Google Tag MAnager и цены бы вашему блогу не было
Спасибо за полезные статьи!
@Иван
Кстати да! Тоже очень интересует этот вопрос.
@Иван, в планах есть подготовка материалов про настройку отслеживания эл.торговли в Google Analytics и Яндекс Метрике через Google Tag Manager, при наличии времени обязательно сделаю.
@Александр, спасибо!
Это все хорошо. Но после установки таким методом кода Метрики он в аккаунте светиться желтым. Говорит что он есть но не правильно установлен. В последствии работы было замечено что не все данные корректно поступают. Например при указание цели перехода по целевому урлу больше не идет информация о кампаниях, по которым был выполнен переход. Поэтому не советую ставить данный счетчик через GTM.
@Максим
У меня норм работает. А желтым светиться и даже красный, потому что сам код в коде документа найден не был.
А погрешность данных при установки метрики таким способом насколько возрастает?
Добрый день, Анна!
Сам подобным вопросом пока не задавался, но на одном форуме встречал запись пользователя у которого имеются расхождения. Попробую провести эксперимент, по результатам отпишусь в блоге
Из личного опыта, могу сказать что если вы установите 2 счетчика метрики на сайт то у вас уже будут расхождения, причем оно иногда достигает 10%. Думаю что тут дело не только в GTM
Спасибо большое!
Скажите, пожалуйста, вот я настроил событие (“Фиксируем клики по элементам на странице”), то можно ли теперь настроить цель?
Добрый вечер, Андрей!
Да, вы можете настроить цель на событие в Google Analytics
@Иван
Простите, что не уточнил. Речь шла про Метрику. Вот я сделал yaCounter23211262.params(‘Отправка формы’); Как мне теперь в метрике настроить цель? Спасибо заранее
Вот тут подробно написано – http://help.yandex.ru/metrika/objects/reachgoal.xml
Добрый день. Кто сталкивался с подобной проблемой?
Настроил через gtm отправку события в GA по нажатию на кнопку.
Правило настроено через прослушивание кликов и id кнопки.
Через это же правило настроил отправку события в метрику:
yaCounterХХХХХХХХХХ.reachGoal(‘Target’);return true;
То есть при нажатии на кнопку срабатывает 1-о правило, и активирует 2 тега.
Проблема в том, что в GA попадает 30 000 событий, в метрику 3 000 за тот-же период.
Что может быть не так?
Спасибо!
@vabz, попробуйте без
return true;Ответил ниже: http://prometriki.ru/ustanovka-i-nastroyka-yndeks-metriki-s-pomoshu-google-tag-manager/#comment-1365
* в предыдущем посте обрезались элементы script
полный тег выглядит вот так (без пробелов)
yaCounter15010489.reachGoal(‘GoToShop’);return true;
и здесь обрезало….
ссылка на рисунок
http://clip2net.com/s/iDtcYb
судя по комментариям скрестить gtm и электронную коммерцию от яндекса все же можно, но статьи похоже так и не было пока, или я не нашел.
просто времени не хватает написать или там какие проблемы в реализации?
Есть несколько вариантов настройки такой связи. Можно через код метрики, через dataLayer или через описание торговли от GA через GTM в Метрику. Сейчас не хватает времени на описание подобного процесса
Та же поблема с метрикой..
Цели не отлавливает
Указал скрипт
yaCounterXXXXXX.reachGoal(‘zakaz’);
Дмитрий, проверьте в отладчике – происходит ли активация тега с кодом метрики, а также наличие ошибок на странице
Решение состоит из двух шагов.
1. Приоритет у вызова цели должен быть ниже основного счетчика
2. Вызывайте цель асинхронно:
window.onload = function() {
yaCounterХХХХХХХХ.reachGoal(‘TARGET_NAME’)
}
Можно ли метрику ставить обычным способом? Какие плюсы и минусы по сравнению с ГТМ?
Юрий, GTM это альтернатива коду отслеживания на страницах сайтах. О преимуществах GTM уже не раз говорилось. Ставить через код можно, это стандартный вариант внедрения
Иван, добрый день!
Спасибо за полезный материал!
1) Тестировали ли вы расхождения статистики, если ЯМ устанавливается через GTM?
2) Если код Метрики поставлен через GTM, можно ли настроить отслеживание событий через изменения кода сайта, “по старинке”? Не собьет ли это передачу данных в Метрику?
3) Можно ли настраивать через одно правило отправку события в Метрику и в GA?
Спасибо!
Добрый день, Оксана! Тестирования не проводил, по одному правило можно настроить активацию нескольких тегов, ограничений не встречал. По п. 2, думаю, что можно, но не пробовал сам
Если я правильно понял, то единственная выгода от внедрения кода Метрики через Tag Manager заключается в том, что не нужно ковыряться в коде сайта. И эта выгода сомнительна из-за того, что возможны расхождения в сборе данных самой Метрикой. Правильно? Или есть какие-то дополнительные выгоды от внедрения кода метрики через GTM?
Роман, существенной разницы быть не должно. А 100% корректные данные получить всё равно не получится даже если код стоит прямо на странице сайта. Тем не менее это нисколько не влияет на аналитику. 99% точности инструментов достаточно для того, чтобы с их помощью принимать решения
Роман, Вы правы, главная выгода – удобство внедрения, проблема – могут быть расхождения
Здравствуйте. Подскажите пожалуйста. Недавно, я так понимаю, поменялась информация в help метрики, и теперь вроде как есть возможность использовать “Интеграцию счетчика с контейнерами тегов” http://help.yandex.ru/metrika/code/jscode.xml я так понимаю контейнер тегов имеется введу GTM.
Единственное, пример указанный на странице, я так понимаю не полный. Может есть возможность предоставить корректный счетчик метрики для GTM что бы отслеживались все параметры, такие как вебвизор ссылки и т.п. или хотя бы проверить
var yaCounterXXXXXX = new Ya.Metrika({id: XXXXXX, enableAll: true, webvisor:true});
таким образом будет работать срабатывать вебвизор? enableAll: true я так понимаю включает карту кликов и все остальное?
И имеется ли возможность через GTM установить параметры интернет магазина? http://help.yandex.ru/metrika/reports/e-commerce.xml
Спасибо
Добрый день, Федор! Код счетчика Вы можете получить в настройках соответствующего счетчика, какой-то специальной версии кода отслеживания для Google Tag Manager не существует. Установить параметры можно, но вот реализовать механизм передачи в эти параметры значений, это отдельная задача.
Не отображается событие в метрике, уже вручную в консоли chrome вставил:
yaCounter523523.params(‘callnowbutton click’);
код выполнился, запрос отправлен в метрику (по вкладке network видно), а в “Параметры визитов” – пусто.
Может еще цели настроить нужно?
Вероятно есть ошибка в настройке GTM или с кодом Метрики, необходимо смотреть на реальном сайте и искать причину
Ответил выше: http://prometriki.ru/ustanovka-i-nastroyka-yndeks-metriki-s-pomoshu-google-tag-manager/#comment-1365
В Tag Manager вставил следующий код
window.onload = function() {
yaCounterXXXXXX.params(‘Клик по кнопке’);
alert(‘WTB’);
}
но теперь в дебаг режиме даже алерт не срабатывает (((
Все зависит от того, какой триггер активирует этот код до или после
window.onloadПытаюсь разобраться и настроить рекламную кампанию сам. Объясните, что-то можно на начальной стадии лучить бесплатно?. Например, я выполняю настройки, Яндекс их оптимизирует и потихоньку продвигает наверх поиска
Иван, подскажите есть какой вариант отправки событий/целей в метрику поcле посещения?Что-то вроде, протокола измерений в UA
Максим, в Яндекс Метрике пока подобного инструмента нет
Добрый день, подскажите пожалуйста, возможно ли настроить событие в Метрике на отображение определенной надписи для пользователя через javascript идентификатор? Пример, на сайте есть поиск средствами встроенной CMS, я хочу отследить все пустые результаты поиска, при этом параметры могут быть какие угодно, но фраза на странице всегда одинаковая “Ничего не найдено”. Возможно подобную задачу можно решить через GTM. Скоординируйте в правильное направление ход моих мыслей пожалуйста )
Иван, не совсем понял задачу. Если нужно отследить пустые результаты поиска, то можно использовать пометку с помощью параметров визитов. Лучше всего поиск по сайту отслеживать в Google Analytics
Добрый день, хорошая статья, решил попробовать установить на сайте эвент, который отслеживает клик по кнопке ГДЕ КУПИТЬ.
Через Tag Manager настроил сам тег и триггер и запустил его в режиме отладчика с тестовым алертом – все работает
yaCounterXXXXXX.params(‘Клик по кнопке’);
alert(‘Где купить’);
Затем опубликовал через Tag Manager
Захожу в Яндекс в Параметры Визитов, но там увы ничего нет ((( Подскажите пожалуйста, в чем может быть проблема? Код установил еще вчера.
Антон у Вас не правильно описаны параметры
Подскажите, плиз! Менялся дизайн сайта, код метрики, как утверждает веб мастер не трогали. Но метрика почему то прекратила учитывать большую часть трафика с адвордс. Раньше все губ было.
Лилия, проверьте настройки рекламных кампаний, а также наличие кода метрики на страницах сайта
Иван, доброго времени суток!
1.На 4 скрине, где указано как получить код отслеживания Яндекс.Метрики выбраны только – Вебвизор, карта скроллинга, аналитика форм
- Асинхронный код
Вопрос как в коде на слайде 5 оказалась строчка: params:window.dataLayer[0], ее нужно самостоятельно вставлять? для чего эта строчка нужна?
2. На нескольких сайтах стоит Тулбар с ссылками на сайты. Мы хотим настроить статистику для отчета “Параметры Визита” в Метрике, т.е. отправлять домен на котором кликнули по ссылке и адрес ссылки.
Для Google Analytics мы это реализовали через тег в GTM, с помощью тега для Google Anakytics, тип отслеживание – событие, категория – адрес ссылки, действие – домен.
Как нам настроить подобное для Метрики? Для ее не существует такого типа тега, что нам нужно прописать в пользовательском теге?
Спасибо!
Мария, добрый день! П. 1 – для стандартной установки метрики она не нужна. П. 2 – в пользовательском теге используете код Яндекс Метрики для фиксации параметров визитов, триггеры для активации тегов, вероятно, будут те-же, что и для Google Analytics
Иван, вы указали “код Яндекс Метрики для фиксации параметров визитов” – что то за код?
Посмотрите в документации
Иван,
а почему вы используете params, а не reachgoal?
Мария, я отвечу Вам вопросом: в чем разница между этими методами?
Иван,
парамс передает параметры визита. ричгол – факт достижения цели. Но на практике я применяла ричгол. Экспериментировать на клиенте и применять параметр, результат которого я не знаю, я не могу. Подскажите, что я увижу при использовании парамс. Пожалуйста
Мария, ну вот Вы и ответили на свой вопрос. reachGoal() это фиксация действия, также как и просмотр страницы, а params() это уточнение/расширение данных об этом событии/действии или о том, кто его выполнил. Например, у Вас посетители должны нажать на кнопку “купить”, это reachGoal(), а вот информация, что на нее нажали Петя, Вася, Маша и т.п., это params(), или что кнопка была на момент нажатия красная или синяя, тоже params()
Сей час не много поменялся интерфейс так менеджера – вы можете обновить статью?
В чем у Вас конкретно сложности? Статья актуальна на момент Вашего комментария, была обновлена ранее, после перехода Google Tag Manager на вторую версию.
А Вебвизор при этом нормально работает?
Мне не известно о проблемах
У меня почему-то не работает вебвизор, если он установлен через GTM. Как только код метрики установил на прямую в код сайта, запись сразу пошла.
Как-то можно решить вопрос, чтобы запись была через GTM? или пусть код метрики так и стоит отдельно?
Спасибо
Вероятно конфликт какой-то имеется. Проверил на своем сайте, вебвизор корректно работает
Отличная статья!
Сейчас как раз занимаюсь настройкой отправки параметров на сайте.
Появилась проблема:
Есть код кнопки:
Открыть
Делю всё как вы сказали:
yaCounterХХХХХХХ.params(‘Клик по кнопке’);
В условиях активации прописываю:
Клик
Click Classes содержит btn-header-registration
Click Classes содержит btn-gold-full
Но в Метрике параметр не отображается. В чём может быть проблема?
Антон, используйте в одном триггере одно сравнение с Click Classes
Да, отлично! Большое спасибо!
Теперь в предварительном просмотре при нажатии событие происходит.
Прописал скрипт на reachGoal
onclick=”yaCounter33422223.reachGoal(‘ClickOpen1′); return true;”
В метрике указал целью событие ClickOpen1, но за сутки достижений цели так и не было (Хотя по вебвизору на кнопку точно нажимали).
В чём может быть проблема?
Сайт binоmо_соm, кнопка “Открыть счёт” в правом верхнем углу.
Так выше описанная настройка отправки событий в метрику будет работать если код установлен только через GTM или и стандартным способом тоже? Спасибо!
Будут работать оба способа
Добрый день!
Прочитал в хелпе гугла, что он рекомендует удалить все другие теги с сайта. А точнее перенести их в GTM.
Посмотрел несколько магазинов и заметил, что у них стоит GTM и также стоит яндекс метрика.
Как правильно делать, переносить код метрики в контейнер или не нужно? Она вообще будет так корректно работать?
Один менеджер сказал, что у них есть в коде сайта и в GTM. Если делать и там и там, не будет ли метрика считать дважды или как-то не корректно?
Роман, если Яндекс Метрика фиксирует одинаковые хиты через код и через Google Tag Manager, то необходимо исключить один из вариантов. Какой оставить – решать Вам
Иван, а есть способ вызывать событие Метрики reachGoal через GTM?
На такой код он ругается
yaCounter29266865.reachGoal(’123′); return true;
Говорит Parse error. return must be inside function
Дмитрий, такое возможно и работает на многих сайтах. В Вашем случае проблему нужно искать в настройках в Google Tag Manager
Здравствуйте!
Настроил как Вы описали, но почему то, когда передаю так: yaCounter14649829.params(‘myParams’); то параметр не попадает в метрику
А если вот так:
var myParams = {‘myParams’: ‘myParams’};
yaCounter14649829.params(myParams); то параметр попадает в метрику
В чем может быть проблема?
Владимир, нужно правильно описывать параметры, второй вариант корректен, а первый нет
У Вас в примере указан такой же – yaCounter23211262.params(‘Отправка формы’);
Так подскажите пожалуйста, какой будет правильным?
Правильный ответ: описывать в виде пары
{'ключ':'значение'}Подскажите, возможно ли через GTM настроить определение цели по “возникающей” на сайте надписи? Дело в том, что форма на сайте вставляется скриптом от партнерки. Код скрипта типа:
document.write(”);
Посетители в форме задают вопрос, после чего на сайте появляется надпись: “Спасибо, мы вам перезвоним”. Вот на это и надо как то настроить цель… Возможно ли это?
Василий, если это сторонний сервис, то это либо сложно либо не возможно, если это все в рамках Вашего сайта, то отправляйте событие в Google Tag Manager при появлении окна через уровень данных
Скрипт не отобразился в комментарии. Попробую так:
(script type=”text/javascript”)document.write(‘(iframe src=”шттп://*******.com/?p=lawyer&t=blue&w=1111&product=lawyer&template=blue&style=default&width=750&height=370&ref=’+escape(document.referrer)+’” width=”750″ height=”370″ style=”border:none” frameborder=”0″)(/iframe)’);(/script)
Иван, настроил по вашей инструкции цели через GTM. Протестировал, заполнив все цели на сайте. Сразу ничего не отобразилось, мне сказали, что конверсии отображаются с задержкой. Проверил на следующий день. Какие-то конверсии отобразились, а какие-то нет. Перепроверил все настройки, но бесполезно. Что нужно проверить?
Поддержка из метрики мне написала, что у меня ошибка на сайте и прислали скриншот http://joxi.ru/xAeE4P6HK7ZOAy
Посоветуйте, пожалуйста, что нужно изменить. Спасибо!
Андрей, у Вас синтаксическая ошибка в коде, нужно ее найти и исправить
Здравствуйте!
Метрика установлена через GTM, но не отображается карта кликов (она вроде как начинает загружаться – появляется плашка ЯндексМетрики на webvisor.com, но сразу же перекидывает на сайт, словно редирект).
При размещении кода Метрики непосредственно на сайте (не через GTM) карта кликов работает.
В чём может быть проблема?
Добрый день!
Установил Яндекс Метрику. При просмотре через Tag Manager видно что тег есть, а при просмотре через расширение Tag Assistant тега нет. В чём может быть причина?
Пора обновлять статью
Интерфейс у тег менеджера немного изменился.
Коллеги, подскажите пожалуйста.
На сайте установлена Метрика через код.
В интерфейсе Метрики и в коде сайта настроены цели через onclick=”yaCounter123456.reachGoal(‘enter_cart’); return true;”
Есть соображения перевести Метрику в GTM
Достаточно ли будет перенести основной код счетчика, или же надо производить манипуляции из пп. 1 и 2 этой статьи?
Вадим, можно не переносить reachGoal в Google Tag Manager, но если Вы это сделаете, это будет более правильным решением
Всем привет.
Настроил все по инструкции.
Метрика
Скрипт
Условие
Один раз отработала цель при проверке и все, после этого цель ни разу не сработала, повторные проверки так же не дали результата, с чем это может быть связано, после первой настройки, ничего не менял.
Для решения Вашего вопроса необходимо изучить настройки в Google Tag Manager