Как сделать интеграцию Google Tag Manager с Яндекс.Метрикой
Без системы веб-аналитики оценить эффективность сайта, продумать точки роста бизнеса в сети невозможно — вы не поймете, как посетители взаимодействуют с сайтом. Поэтому, в частности, необходимо подключить Яндекс.Метрику, которая собирает данные о посещениях вашего сайта. Сервис формирует отчеты для отслеживания эффективности ресурса.
Этот пост поможет настроить мониторинг взаимодействий пользователей с сайтом при помощи Яндекс.Метрики и Google Tag Manager (GTM) с минимальным вовлечением программиста.
Установка Google Tag Manager
Перед началом работы (если это не сделано ранее), необходимо создать рабочую область для публикации изменений на сайт через GTM (контейнер) и внедрить его код на сайт. С помощью GTM будем создавать теги и триггеры, предназначенные для отправки необходимых взаимодействий на сайте в Яндекс.Метрику.
Код для установки будет выглядеть так:
Детальнее о настройке и установке «Менеджера тегов» читайте в справке Google.
Интеграция счетчика Метрики на сайт
Перед началом настройки тегов необходимо получить код счетчика Метрики для сайта.
- Чтобы получить код, перейдите в раздел «Настройки» — «Счетчик».
Заполняем все необходимые данные:
- название счетчика;
- домен;
- часовой пояс;
- дополнительные опции кода счетчика;
Например, если на сайте установлен код «Электронной коммерции» через dataLayer, необходимо включить опцию «Отслеживание электронной коммерции».
Как настроить расширенную электронную торговлю с помощью Google Tag Manager О том, как внедрить электронную торговлю, читайте в справке Google Developer. А про настройку
- дополнительные настройки. Важно: в зависимости от того, где вы поставите «галочку», изменится необходимый для установки код счетчика;
Подробно:
- отслеживание хеша в адресной строке браузера рекомендуется устанавливать только для AJAX-сайта;
- установка галочки «Для XML» сайтов отключает тег Noscript. Тег определяет раздел HTML для вставки, если тип сценария на странице не поддерживается или сценарии в настоящее время отключены в браузере. Детальнее здесь;
- «В одну строку» — если ваша CMS позволяет внедрить код одной строкой;
- «Информер» — утилита, на которой отражается статистика посещаемости вашего сайта;
- «Альтернативный CDN» — опция предназначена для регионов, в которых заблокирован доступ к сервисам Яндекс.
При включении опции код в счетчике https://mc.yandex.ru/metrika/tag.js изменяется на: https://cdn.jsdelivr.net/npm/yandex-metrica-watch/tag.js
Например, если трафик поступает в Метрику из Украины, альтернативный CDN обязательно должен быть в коде счетчика, так как на территории Украины провайдеры полностью заблокировали доступ ко всем сервисам Яндекса, Mail.ru, Одноклассники и Вконтакте.
- «Устаревший код счетчика» стоит устанавливать на сайт только при условии, что вы хотите использовать предыдущую версию Вебвизора.
В итоге готовый код счетчика выглядит так:
Переходим к настройке Google Tag Manager:
- Создаем новый тег типа «Custom HTML» («Пользовательский HTML»):
- Копируем счетчик Яндекс.Метрики и интегрируем его в созданный тег:
Для сpaбатывания созданного тега, на каждой странице сайта, необходимо подключить триггер «Просмотр» — «Все страницы».
Триггер в GTM — условие, при котором активируется или блокируется тег
- Проверяем сpaбатывание созданного тега через «Предварительный просмотр»:
Если тег сработал без ошибок, чтобы установить его необходимо опубликовать изменения:
После того, как счетчик Метрики установлен на сайт необходимо настроить цели в Яндекс.Метрике.
Цели позволяют отслеживать поведение пользователей на сайте и их взаимодействие с сайтом. Настройку целей необходимо проводить исходя из конкретных задач, которые необходимы для определения эффективности вашего сайта/рекламы.Отслеживаем выполнение целей в Метрике через GTM
В Яндекс.Метрике доступно два типа целей и четыре условия сpaбатывания этих целей. Цели:
- «Конверсионные» — пользователь совершил действие-конверсию;
- «Ретаргетинговые» — пользователь совершил действие для целевой конверсии, но не совершил саму конверсию (например, зашел на сайт, начал оформлять заказ, но «бросил корзину»).
Условия:
- «Количество просмотров» — глубина просмотров сайта;
- «Javascript — событие» — выполнение события на сайте;
- «Посещение страниц» — просмотр определенной страницы;
- «Составная цель» — выполнение последовательности действий, которые необходимы для достижения цели.
Рассмотрим самый распространенный пример выполнения цели на сайте «Добавление в корзину» или «Оставить заявку», то есть цель должна сpaбатывать по клику на соответствующую кнопку на сайте, либо после выполнения определенного события на сайте через DataLayer.
DataLayer — название переменной JavaScript. Она служит для передачи данных в GTM. Также используют термин «уровень данных».
- Чтобы посмотреть, какие события у нас сpaбатывают при клике на кнопку купить/оставить заявку необходимо включить «Предпросмотр в Google Tag Manager».
После включения предпросмотра необходимо очистить кэш и обновить страницу на которой установлен код GTM.
Кликаем на кнопку, по которой сpaбатывает определенное событие и будет регистрироваться цель. В данном случае сpaбатывает событие «addToCart»:
- Переходим к настройке цели «Добавление в корзину» в Яндекс.Метрике.
- заходим в настройки счетчика и переходим во вкладку «Цели»;
- создаем цель типа «JavaScript — событие» и указываем название события «addToCart» и тип цели — «Ретаргетинговая» (так как, выполнив данное событие пользователь еще не совершил конечное целевое действие — транзакцию) ;
- Далее настраиваем передачу выполнения цели при сpaбатывании события в Метрику через GTM:
- создаем триггер, по которому будет сpaбатывать наш будущий тег и передавать данные в Метрику;
- на вкладке «Workspace» — «Triggers» («Рабочая область» — «Триггеры») создаем новый тригер типа «Custom event» (Пользовательское событие) ;
- указываем имя события, которое сpaбатывает на сайте при клике на кнопку «Добавить в корзину». В нашем случае это «addToCart».
- Теперь создаем тег отслеживания события. Тег типа «Custom HTML» («Пользовательский HTML») для отправки выполнения цели в Метрику. Для этого:
- создаем тег типа «Custom HTML» («Пользовательский HTML»)
- копируем код цели в Метрике;
- интегрируем его в тег;
ХХХХХ — счетчик Метрики.
- указываем триггер для сpaбатывания цели;
- Перед публикацией необходимо проверить работу тега. Для этого запускаем «Предварительный просмотр» и проверяем, сpaбатывает ли тег по клику на кнопку «Купить»/«Добавить в корзину». Сpaбатывает — публикуем изменения.
О том, как проверить работу цели в режиме реального времени можно прочитать в официальной справке Яндекс.
Теперь выполнение необходимых целей будет отображаться на вкладке «Стандартные отчеты» в Яндекс.Метрике.
Выводы
- Без системы веб-аналитики оценить эффективность сайта является невозможным.
- Устанавливайте дополнительные опции и настройки, исходя из целей Вашего бизнеса.
- Необходимо проводить настройку целей и разделять их на «Конверсионные» и «Ретаргетинговые».
- Если сервисы Яндекса недоступны/заблокированы в вашей стране и счетчик тормозит загрузку сайта, поставьте галочку напротив опции «Альтернативный CDN».
- Перед публикацией изменений, внесенных через Google Tag Manager, проверяйте передачу данных в Метрику при помощи «Предпросмотра» в Google Tag Manager.
- Проверяйте выполнение цели через консоль разработчика.
Комментарии:
Как работать с новой функцией, чтобы набирать подписчиков и делать продажи. Подробное и актуальное руководство в 2021 году....
23 07 2026 15:20:41
Интерфейс прикладного программирования для работы с аккаунтами десятка сайтов....
22 07 2026 5:30:24
Онлайн-корпоративы стали трендом 2020 года, но останутся с нами надолго если не в чистом, то в гибридном формате. Делимся опытом организации дня рождения компании в Zoom....
21 07 2026 12:32:12
Обязательные элементы продающей страницы: удобный и красивый дизайн, легко читаемые форматы и стили шрифтов, текстовые блоки, кнопки призыва к действию. Узнать больше!...
20 07 2026 14:12:44
Как надолго завоевать доверие покупателя с помощью грамотного email-маркетинга? Примеры обращений к клиенту в рассылках, текст писем для привлечения и благодарности за покупку....
19 07 2026 15:29:16
Пример пользовательских отчетов в Google ***ytics, созданных за 15 минут...
18 07 2026 6:57:37
В течение 2016 года Алексей Селезнев собирал данные о стоимости клика в разрезе разных стран, регионов и тематик. Итоги исследования, тренды и прогнозы читайте в этой статье....
17 07 2026 2:17:25
Мы сменили CMS, не просев в трафике, и превратили каталог товаров в полноценный интернет-магазин....
16 07 2026 17:46:12
Совет Константина Леоновича (Sape.ru), 4 наших + 2 бонусных...
15 07 2026 16:13:50
Триггер — способ ненавязчивого воздействия на потенциального клиента путем использования психологических приемов в текстах, заголовках и остальном контенте...
14 07 2026 17:35:52
Основная цель CTA — помочь посетителю принять решение о покупке, скачивании, регистрации или подписке...
13 07 2026 0:50:44
Работаете со скриптами R регулярно? Потратьте десять минут на настройку автозапуска и избавьтесь от необходимости активировать R-скрипты вручную...
12 07 2026 18:17:41
О построении персональных рекомендаций для интернет-магазина, используя технику со-визитов....
11 07 2026 13:42:30
Блиц-инструкция и рекомендации по созданию эффективных описаний для мобильных приложений...
10 07 2026 0:47:49
Дропшип предполагает минимум затрат со стороны предпринимателя. Например, не нужно думать о логистике, держать склад. Можно минимизировать и траты на рекламу. Узнать как!...
09 07 2026 17:48:46
Повышение эффективности продаж через звонки с помощью call tracking....
08 07 2026 8:38:31
Лучшие результаты в SEO дает заранее спланированное сотрудничество клиента с агентством на всех этапах работ с сайтом....
07 07 2026 11:11:22
Подборка корпоративных медиа, попав на страницы которых, не хочется их покидать....
06 07 2026 3:46:41
Оживший бар. О том, как один украинский бренд за полтора месяца получил более 4 000 фанов!...
05 07 2026 4:31:19
В Twitter удобно собрать список потенциальных клиентов, чтобы время от времени посматривать за их новостями...
04 07 2026 8:50:50
Рассказываем о приемах, которые помогут вам заинтересовать читателей рассылки....
03 07 2026 11:33:40
Что делать, если денег нет, но трафик очень нужен: советы по раскрутке бренда в фейсбуке. В бесплатном продвижении главный ресурс — время: часы, дни, недели, месяцы, проведенные на площадке. Как их применить? Читайте!...
02 07 2026 10:14:50
Satel является одним из топовых игроков онлайн-маркета, но на старте интернет в качестве канала продаж не рассматривался. Когда онлайн запустили на полную? Узнать!...
01 07 2026 5:55:21
Почему контент-план — не тетка, или о том, в какой последовательности выкладывать статьи...
30 06 2026 11:49:51
Чтобы прекратить споры о том, с какого конца разбивать яйцо, я собрал аргументы за союз SEO и PPC...
29 06 2026 23:20:40
Десять вопросов, которые чаще всего задают люди, столкнувшиеся с необходимостью создания landing page....
28 06 2026 12:55:41
Зачем внедрять BI-решение для бизнеса, какие функции отдел может решить с помощью автоматизации? Кейс Netpeak....
27 06 2026 6:19:52
Cтоимость просмотра в Google Ads дешевле как минимум в два раза по сравнению со Smart TV...
26 06 2026 5:54:45
За 10 месяцев сотрудничества увеличили небрендовый на 99%, а общий трафик — в два раза. Рассказываем не только о результатах, но и подходе создания реалистичного прогноза SEO-продвижения сайта. Читать дальше!...
25 06 2026 9:28:46
Офис Netpeak в Харькове официально открыт! В этом посте, вместо игры на фанфарах, мы на собственном примере рассмотрим, что нужно для создания регионального отделения в разгар кризиса....
24 06 2026 13:28:24
Не только netpeak spider. Главные детали о новой версии инструмента Netpeak Checker 3.0: парсер гугла, массовый анализ сайтов, антибан-алгоритм для прокси, шаблоны параметров и фильтров...
23 06 2026 5:47:17
Когда на сайт добавляют новый контент, он тут же трaнcлируется в RSS-ленту и отображается в специальных программах для чтения, либо в email подписчиков. Как это работает?...
22 06 2026 7:37:21
Как избежать ошибок при продвижении интернет-магазина с помощью видеоблогеров....
21 06 2026 7:17:46
Делимся полезным скриптом — он проверяет код ответа сервера для списка страниц, до 1000 за сутки....
20 06 2026 13:13:18
Рассказываем о том, что такое Песочница, как сюда писать и получать больше аудитории для своего бизнеса...
19 06 2026 16:30:31
Как вести рекламные кампании и что делать на разных этапах настройки. Делимся опытом: примерами, кейсами и рекомендациями. Узнать больше и настроить свои РК, как боженька!...
18 06 2026 1:20:38
Разбор типичных ошибок в рекламе Google Shopping как обязательного инструмента рекламы в Google. О минус-словах, геолокации, структуре сайта и обновлении объявлений. Что именно важно? Читайте дальше!...
17 06 2026 17:25:53
Работа — рекламировать. Интервью с директором по стратегии агентства Smartica/Skykillers....
16 06 2026 16:29:37
HR-советы компаниям, которым нужно найти больше трех джунов в проект...
15 06 2026 14:14:37
Раскрываем тайны показателя качества в рекламе гугл с помощью API...
14 06 2026 3:21:50
Как стать востребованным сео оптимизатором: 35+ ссылок для обучения и совершенствования своих знаний, а также советы...
13 06 2026 20:17:51
Об истории и значении поговорок и других фразеологических оборотов...
12 06 2026 9:50:24
Алексей Селезнев проанализировал 29 млн кликов, и в этой статье вы прочитаете, как дорого обходятся рекламодателям клики в Google Ads....
11 06 2026 14:55:46
Четыре способа исключить нерелевантные места размещения видеорекламы, а также полезные списки минус-слов и детских YouTube-каналов....
10 06 2026 8:12:25
Как автоматизировать целый участок в работе комaнды специалистов по контекстной рекламе — кейс concert.ua...
09 06 2026 15:58:51
Какой рекламный инструмент использовать, чтобы получить максимальный результат...
08 06 2026 15:58:56
Как нарисовать круговую или столбчатую диаграмму. Избавляемся от популярных ошибок при оформлении...
07 06 2026 8:41:32
Заработок в четверть миллиона. Как многофункциональная SEO-платформа Serpstat из Netpeak Group стала самым продаваемым продуктом на AppSumo — пошаговая история-инструкция...
06 06 2026 16:53:54
Интересные детали интерьера в офисах украинских IT-компаний: от массажного стола и тенниса до звукозаписывающей студии и корпоративной велопарковки. Читать дальше!...
05 06 2026 2:59:57
Как быстро залить изображение, сделать красивую иллюстрацию, наложить надпись к любому тексту онлайн?...
04 06 2026 9:43:20
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::
