Установка и настройка Яндекс Метрики с помощью Google Tag Manager

Рассмотрим настройку системы веб-аналитики Яндекс Метрика с помощью 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

На этом установка кода отслеживания Яндекс Метрики на страницы сайта с помощью Google Tag Manager завершена. Перейдем к настройке фиксации событий на сайте и передачи информации в Яндекс Метрику через Google Tag Manager.

Рассмотрим следующие варианты.

1. Фиксируем клики по элементам на странице

Предположим, что на нашем сайте имеется кнопка подписки на новости и нам нужно фиксировать клики по ней в Яндекс Метрике. Используем для примера Параметры визитов Яндекс Метрики:

Создадим тег для передачи данных в Яндекс Метрику о клике по элементу. Нажмите кнопку создания тега, укажите имя и тип тега Пользовательский тег HTML:

Тег передачи данных о клике в Яндекс Метрику

Тег передачи данных о клике в Яндекс Метрику

Создайте для него триггер активации: 

Создание триггера активации тега для Яндекс Метрики

Создание триггера активации тега для Яндекс Метрики

В настройках триггера укажите данные об элементе, по которому пользователь выполнил клик. Для демонстрации я использую элемент с идентификатором равным demo-element:

Правило фиксации клика и передачи в Яндекс Метрику

Правило фиксации клика и передачи в Яндекс Метрику

В поле HTML введите следующий код:

Получится примерно следующее:

Пример кода передачи данных

Пример кода передачи данных

Сохраните изменения, создайте версию контейнера и опубликуйте ее.  Теперь информация о кликах по кнопке будет передаваться в Яндекс Метрику, отчеты будут доступны здесь:

Отчеты "Параметры визитов" Яндекс Метрики

Отчеты “Параметры визитов” Яндекс Метрики

2. Фиксируем отправку формы

Создайте еще один тег необходимый для передачи данных в Яндекс Метрику. Выберите для него тип Пользовательский тег HTML, в поле HTML введите код:

Добавьте триггер активации тега:

Фиксация отправки формы в Яндекс Метрике

Фиксация отправки формы в Яндекс Метрике

В настройках триггера укажите следующие настройки:

Пример правила для отправки данных о форме в Яндекс Метрику

Пример правила для отправки данных о форме в Яндекс Метрику

Обратите внимание, что настройки для триггера выбраны произвольные, для решения вашей задачи используйте значения соответствующие вашей задаче. После этого сохраните триггер, тег и опубликуйте версию контейнера.

Как видите установить Яндекс Метрику на сайт можно без внесения изменений в исходный код страниц сайта, достаточно использовать возможности Google Tag Manager. Описанное выше, это несколько практических примеров возможного использования Google Tag Manager и Яндекс Метрики, опишите в комментариях ваш опыт работы с этими инструментами.

Кейсы и инструкции по настройке в вашем ящике. Подпишитесь сейчас!

73 комментария(ев) к “Установка и настройка Яндекс Метрики с помощью Google Tag Manager

  1. Круто!

    Еще бы статью написали о том, как Электронную торговлю Google Analytics ставить через Google Tag MAnager и цены бы вашему блогу не было :-)

  2. @Иван, в планах есть подготовка материалов про настройку отслеживания эл.торговли в Google Analytics и Яндекс Метрике через Google Tag Manager, при наличии времени обязательно сделаю.

    @Александр, спасибо!

  3. Это все хорошо. Но после установки таким методом кода Метрики он в аккаунте светиться желтым. Говорит что он есть но не правильно установлен. В последствии работы было замечено что не все данные корректно поступают. Например при указание цели перехода по целевому урлу больше не идет информация о кампаниях, по которым был выполнен переход. Поэтому не советую ставить данный счетчик через GTM.

  4. @Максим
    У меня норм работает. А желтым светиться и даже красный, потому что сам код в коде документа найден не был.

  5. А погрешность данных при установки метрики таким способом насколько возрастает?

    • Добрый день, Анна!
      Сам подобным вопросом пока не задавался, но на одном форуме встречал запись пользователя у которого имеются расхождения. Попробую провести эксперимент, по результатам отпишусь в блоге

    • Из личного опыта, могу сказать что если вы установите 2 счетчика метрики на сайт то у вас уже будут расхождения, причем оно иногда достигает 10%. Думаю что тут дело не только в GTM

  6. Спасибо большое!

    Скажите, пожалуйста, вот я настроил событие (“Фиксируем клики по элементам на странице”), то можно ли теперь настроить цель?

  7. @Иван

    Простите, что не уточнил. Речь шла про Метрику. Вот я сделал yaCounter23211262.params(‘Отправка формы’); Как мне теперь в метрике настроить цель? Спасибо заранее

  8. Добрый день. Кто сталкивался с подобной проблемой?

    Настроил через gtm отправку события в GA по нажатию на кнопку.
    Правило настроено через прослушивание кликов и id кнопки.

    Через это же правило настроил отправку события в метрику:

    yaCounterХХХХХХХХХХ.reachGoal(‘Target’);return true;

    То есть при нажатии на кнопку срабатывает 1-о правило, и активирует 2 тега.

    Проблема в том, что в GA попадает 30 000 событий, в метрику 3 000 за тот-же период.

    Что может быть не так?

    Спасибо!

  9. * в предыдущем посте обрезались элементы script
    полный тег выглядит вот так (без пробелов)

    yaCounter15010489.reachGoal(‘GoToShop’);return true;

  10. судя по комментариям скрестить gtm и электронную коммерцию от яндекса все же можно, но статьи похоже так и не было пока, или я не нашел.
    просто времени не хватает написать или там какие проблемы в реализации?

    • Есть несколько вариантов настройки такой связи. Можно через код метрики, через dataLayer или через описание торговли от GA через GTM в Метрику. Сейчас не хватает времени на описание подобного процесса

  11. Та же поблема с метрикой..
    Цели не отлавливает
    Указал скрипт

    yaCounterXXXXXX.reachGoal(‘zakaz’);

    • Дмитрий, проверьте в отладчике – происходит ли активация тега с кодом метрики, а также наличие ошибок на странице

    • Решение состоит из двух шагов.
      1. Приоритет у вызова цели должен быть ниже основного счетчика

      2. Вызывайте цель асинхронно:
      window.onload = function() {
      yaCounterХХХХХХХХ.reachGoal(‘TARGET_NAME’)
      }

    • Юрий, GTM это альтернатива коду отслеживания на страницах сайтах. О преимуществах GTM уже не раз говорилось. Ставить через код можно, это стандартный вариант внедрения

  12. Оксана Строганова 13.05.2015 в 16:47 - Ответить

    Иван, добрый день!
    Спасибо за полезный материал!

    1) Тестировали ли вы расхождения статистики, если ЯМ устанавливается через GTM?
    2) Если код Метрики поставлен через GTM, можно ли настроить отслеживание событий через изменения кода сайта, “по старинке”? Не собьет ли это передачу данных в Метрику?
    3) Можно ли настраивать через одно правило отправку события в Метрику и в GA?

    Спасибо!

    • Добрый день, Оксана! Тестирования не проводил, по одному правило можно настроить активацию нескольких тегов, ограничений не встречал. По п. 2, думаю, что можно, но не пробовал сам

  13. Если я правильно понял, то единственная выгода от внедрения кода Метрики через Tag Manager заключается в том, что не нужно ковыряться в коде сайта. И эта выгода сомнительна из-за того, что возможны расхождения в сборе данных самой Метрикой. Правильно? Или есть какие-то дополнительные выгоды от внедрения кода метрики через GTM?

    • Роман, существенной разницы быть не должно. А 100% корректные данные получить всё равно не получится даже если код стоит прямо на странице сайта. Тем не менее это нисколько не влияет на аналитику. 99% точности инструментов достаточно для того, чтобы с их помощью принимать решения

  14. Здравствуйте. Подскажите пожалуйста. Недавно, я так понимаю, поменялась информация в 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 не существует. Установить параметры можно, но вот реализовать механизм передачи в эти параметры значений, это отдельная задача.

  15. Не отображается событие в метрике, уже вручную в консоли chrome вставил:
    yaCounter523523.params(‘callnowbutton click’);

    код выполнился, запрос отправлен в метрику (по вкладке network видно), а в “Параметры визитов” – пусто.
    Может еще цели настроить нужно?

  16. Пытаюсь разобраться и настроить рекламную кампанию сам. Объясните, что-то можно на начальной стадии лучить бесплатно?. Например, я выполняю настройки, Яндекс их оптимизирует и потихоньку продвигает наверх поиска

  17. Иван, подскажите есть какой вариант отправки событий/целей в метрику поcле посещения?Что-то вроде, протокола измерений в UA

  18. Добрый день, подскажите пожалуйста, возможно ли настроить событие в Метрике на отображение определенной надписи для пользователя через javascript идентификатор? Пример, на сайте есть поиск средствами встроенной CMS, я хочу отследить все пустые результаты поиска, при этом параметры могут быть какие угодно, но фраза на странице всегда одинаковая “Ничего не найдено”. Возможно подобную задачу можно решить через GTM. Скоординируйте в правильное направление ход моих мыслей пожалуйста )

    • Иван, не совсем понял задачу. Если нужно отследить пустые результаты поиска, то можно использовать пометку с помощью параметров визитов. Лучше всего поиск по сайту отслеживать в Google Analytics

  19. Добрый день, хорошая статья, решил попробовать установить на сайте эвент, который отслеживает клик по кнопке ГДЕ КУПИТЬ.

    Через Tag Manager настроил сам тег и триггер и запустил его в режиме отладчика с тестовым алертом – все работает

    yaCounterXXXXXX.params(‘Клик по кнопке’);
    alert(‘Где купить’);

    Затем опубликовал через Tag Manager

    Захожу в Яндекс в Параметры Визитов, но там увы ничего нет ((( Подскажите пожалуйста, в чем может быть проблема? Код установил еще вчера.

  20. Подскажите, плиз! Менялся дизайн сайта, код метрики, как утверждает веб мастер не трогали. Но метрика почему то прекратила учитывать большую часть трафика с адвордс. Раньше все губ было.

    • Лилия, проверьте настройки рекламных кампаний, а также наличие кода метрики на страницах сайта

  21. Иван, доброго времени суток!
    1.На 4 скрине, где указано как получить код отслеживания Яндекс.Метрики выбраны только – Вебвизор, карта скроллинга, аналитика форм
    - Асинхронный код
    Вопрос как в коде на слайде 5 оказалась строчка: params:window.dataLayer[0], ее нужно самостоятельно вставлять? для чего эта строчка нужна?

    2. На нескольких сайтах стоит Тулбар с ссылками на сайты. Мы хотим настроить статистику для отчета “Параметры Визита” в Метрике, т.е. отправлять домен на котором кликнули по ссылке и адрес ссылки.
    Для Google Analytics мы это реализовали через тег в GTM, с помощью тега для Google Anakytics, тип отслеживание – событие, категория – адрес ссылки, действие – домен.
    Как нам настроить подобное для Метрики? Для ее не существует такого типа тега, что нам нужно прописать в пользовательском теге?

    Спасибо!

    • Мария, добрый день! П. 1 – для стандартной установки метрики она не нужна. П. 2 – в пользовательском теге используете код Яндекс Метрики для фиксации параметров визитов, триггеры для активации тегов, вероятно, будут те-же, что и для Google Analytics

  22. Иван, вы указали “код Яндекс Метрики для фиксации параметров визитов” – что то за код?

      • Иван,
        парамс передает параметры визита. ричгол – факт достижения цели. Но на практике я применяла ричгол. Экспериментировать на клиенте и применять параметр, результат которого я не знаю, я не могу. Подскажите, что я увижу при использовании парамс. Пожалуйста :)

      • Мария, ну вот Вы и ответили на свой вопрос. reachGoal() это фиксация действия, также как и просмотр страницы, а params() это уточнение/расширение данных об этом событии/действии или о том, кто его выполнил. Например, у Вас посетители должны нажать на кнопку “купить”, это reachGoal(), а вот информация, что на нее нажали Петя, Вася, Маша и т.п., это params(), или что кнопка была на момент нажатия красная или синяя, тоже params()

  23. Сей час не много поменялся интерфейс так менеджера – вы можете обновить статью?

    • В чем у Вас конкретно сложности? Статья актуальна на момент Вашего комментария, была обновлена ранее, после перехода Google Tag Manager на вторую версию.

      • Ростислав 25.02.2016 в 15:12 -

        У меня почему-то не работает вебвизор, если он установлен через GTM. Как только код метрики установил на прямую в код сайта, запись сразу пошла.

        Как-то можно решить вопрос, чтобы запись была через GTM? или пусть код метрики так и стоит отдельно?

        Спасибо

      • Вероятно конфликт какой-то имеется. Проверил на своем сайте, вебвизор корректно работает

  24. Отличная статья!
    Сейчас как раз занимаюсь настройкой отправки параметров на сайте.

    Появилась проблема:
    Есть код кнопки:
    Открыть

    Делю всё как вы сказали:

    yaCounterХХХХХХХ.params(‘Клик по кнопке’);

    В условиях активации прописываю:
    Клик
    Click Classes содержит btn-header-registration
    Click Classes содержит btn-gold-full

    Но в Метрике параметр не отображается. В чём может быть проблема?

      • Антон 18.02.2016 в 14:15 -

        Да, отлично! Большое спасибо!
        Теперь в предварительном просмотре при нажатии событие происходит.
        Прописал скрипт на reachGoal
        onclick=”yaCounter33422223.reachGoal(‘ClickOpen1′); return true;”
        В метрике указал целью событие ClickOpen1, но за сутки достижений цели так и не было (Хотя по вебвизору на кнопку точно нажимали).
        В чём может быть проблема?
        Сайт binоmо_соm, кнопка “Открыть счёт” в правом верхнем углу.

  25. Так выше описанная настройка отправки событий в метрику будет работать если код установлен только через GTM или и стандартным способом тоже? Спасибо!

  26. Добрый день!
    Прочитал в хелпе гугла, что он рекомендует удалить все другие теги с сайта. А точнее перенести их в GTM.
    Посмотрел несколько магазинов и заметил, что у них стоит GTM и также стоит яндекс метрика.
    Как правильно делать, переносить код метрики в контейнер или не нужно? Она вообще будет так корректно работать?
    Один менеджер сказал, что у них есть в коде сайта и в GTM. Если делать и там и там, не будет ли метрика считать дважды или как-то не корректно?

    • Роман, если Яндекс Метрика фиксирует одинаковые хиты через код и через Google Tag Manager, то необходимо исключить один из вариантов. Какой оставить – решать Вам

  27. Иван, а есть способ вызывать событие Метрики reachGoal через GTM?

    На такой код он ругается

    yaCounter29266865.reachGoal(’123′); return true;

    Говорит Parse error. return must be inside function

    • Дмитрий, такое возможно и работает на многих сайтах. В Вашем случае проблему нужно искать в настройках в Google Tag Manager

  28. Здравствуйте!

    Настроил как Вы описали, но почему то, когда передаю так: yaCounter14649829.params(‘myParams’); то параметр не попадает в метрику
    А если вот так:
    var myParams = {‘myParams’: ‘myParams’};
    yaCounter14649829.params(myParams); то параметр попадает в метрику

    В чем может быть проблема?

      • Владимир 29.04.2016 в 11:41 -

        У Вас в примере указан такой же – yaCounter23211262.params(‘Отправка формы’);
        Так подскажите пожалуйста, какой будет правильным?

      • Правильный ответ: описывать в виде пары {'ключ':'значение'}

Добавить комментарий

Current month [email protected] day *