на сайт нужно установить код счетчика mytarget через gtm какой тип тега будем использовать

Блог аналитика

Зачастую, для привлечения трафика интернет-магазин использует сразу несколько ремаркетинговых систем, таких как Google Ads, пиксель Facebook, VK, myTarget и т. д.

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

Нам понадобиться диспетчер тегов Google Tag Manager (далее GTM) с уже настроенной передачей данных о расширенной электронной торговле в Google Analytics (далее GA). Если вы еще не настроили расширенную электронную торговлю, то с легкостью найдете в интернете множество статей на эту тему.

Зачем все это?

Возможно, у вас уже возник вопрос: «А зачем это нужно? Пусть программист разбирается …»

Да, программист все сможет настроить сам, но это чревато:

Именно этих проблем мы избежим с помощью GTM. Мы возьмем данные, переданные для GA, и отправим в нужные нам счетчики ремаркетинговых систем.

Углубимся немного в то, как GTM собирает данные, чтобы это реализовать.

dataLayer в GTM

Все данные о посещениях страниц, просмотренных товарах и любых действиях пользователя на сайте помещаются в коде GTM в переменную уровня данных с именем dataLayer.

Например, в карточке товара при настроенной расширенной электронной торговли переменная dataLayer содержит:

Как видите, в данном примере dataLayer включает в себя свойства товара, передаваемые в GTM: наименование товара (name), ID товара (id), цена (price) и т. д., а также информацию о действии пользователя: в нашем случае это просмотр карточки товара (detail). Подробнее про содержимое dataLayer смотрите в руководстве по GTM.

Именно из dataLayer мы будем вытаскивать данные о товарах и заказах, чтобы передать в myTarget.

Настраиваем ретаргетинг в myTarget

По документации myTarget для динамического ретаргетинга, необходимо реализовать передачу id товара и цену товара при просмотре карточки товара в его счетчик.

Для этого создадим в GTM две новые переменные, в которых будем по отдельности собирать ID товара и его цену. Затем добавим ссылки на эти переменные в код счетчика myTarget и укажем триггеры срабатывания счетчика.

Шаг 1. Создаем переменные в GTM

Для начала заходим в диспетчере тегов в раздел «Переменные» и создаем новую переменную (кнопка «Создать”).

Тип Переменная уровня данных означает, что мы обращаемся к содержимому dataLayer (вытаскиваем оттуда id товара).

В поле “Имя переменной уровня данных” пишем строку “ecommerce.detail.products.0.id” и нажимаем Сохранить“:

Итак, теперь в списке переменных у нас есть одна дополнительная переменная ProductID:

Например, для получения цены я буду использовать строчку “ecommerce.detail.products.0.price”.

Аналогично добавляю переменную с ценой и называю ее ProductPrice.

Шаг 2. Добавляем переменные в код счетчика

Теперь мы можем использовать переменные в коде ремаркетинга myTarget для передачи данных о просмотренных товарах.

Для этого перейдем в теги и добавим новый тег для myTarget. Код счетчика берем из инструкции по использованию myTarget и подставляем в него созданные переменные в нужных строках кода (см. ниже).

Обратите внимание, что при добавлении переменных нужно обязательно добавить две фигурные скобки — и перед, и после названия переменной:
<>
<>

Шаг 3. Добавляем триггер для myTarget

В качестве триггера выбираем тип Пользовательское событие и далее выполняем действия:

Сохраняем триггер и созданный тег.

Эти настройки означают, что наш код будет срабатывать только тогда, когда в GTM в dataLayer будут отправляться данные о детальном просмотре карточки товара. Таким образом, мы гарантированно будем передавать данные в myTarget, только если мы получили данные о товаре в GTM.

Отлично! Данные, передаваемые о товаре для GA, автоматически отправятся и в счетчик ремаркетинга myTarget.

Если товаров много…

Данные о просмотре карточки товара мы успешно передали. Но по требованиям myTarget мы, как минимум, должны передать и данные по сделанному заказу (ID товаров и сумма заказа). В заказе может быть больше одного товара, что усложняет задачу.

Посмотрим, как выглядит код dataLayer для сделанного заказа с несколькими товарами:

В данном случае в заказе два товара (внутри блока products). Мы должны собрать ID и сумму всех товаров.

Для этого создадим еще одну переменную уровня данных, где сохраним информацию о товарах в заказе. Затем напишем два небольших JavaScript обработчика этой переменной (для сбора ID и суммы заказа) и передадим результаты в новый счетчик ремаркетинга myTarget.

Шаг 1. Создаем переменную уровня данных

Возвращаемся в GTM в раздел «Переменные» и создаем новую переменную уровня данных — Allproducts_purchase. При этом в свойство «Имя переменной уровня данных» нужно подставить строку “ecommerce.purchase.products”.

Тем самым мы передали все данные о купленных товарах (из блока products) в одну переменную GTM. И теперь из нее нужно извлечь все нужные данные о товарах.

Шаг 2. Получаем сумму товаров

Создадим еще одну переменную — ProductsPrices_purchase, но уже выберем конфигурацию “Собственный код JavaScript”:

Запишем в поле “Собственный код JavaScript” следующий код:

Этот несложный код обращается к созданной ранее переменной “Allproducts_purchase”, собирает из нее все цены товаров и суммирует их. Сохраним эту переменную и двинемся дальше. К этим данным мы еще вернемся.

Шаг 3. Собираем ID товаров

Аналогичным образом нам нужно собрать все ID товаров в заказе, причем необходимо учесть формат передачи ID товаров в myTarget:
[ID1,ID2…]

Создаем еще одну переменную с конфигурацией “Собственный код JavaScript” и названием “ProductIDlist_purchase”. Добавляем в нее код и сохраняем:

Итак, мы сохранили ID всех товаров в переменную ProductIDlist_purchase и сумму заказа в переменную ProductsPrices_purchase. Нам остается передать все полученные данные в нужный тег и установить триггер.

Шаг 3. Отправляем данные в счетчик myTarget

Переходим в раздел «Теги», создаем новый тег и добавляем в него код ремаркетинга от myTarget для страницы покупки. В нужные строки кода включаем название переменных с нашими данными о товарах — <> и <>:

Шаг 4. Добавляем триггер сделанного заказа

В качестве триггера также выбираем тип «Пользовательское событие» и далее выполняем действия:

Сохраняем триггер и созданный тег.

В этом триггере мы указали, что код должен срабатывать только тогда, когда GTM получает данные о сделанном заказе для Google Analytics.

Для выполнения минимальных требований myTarget остается добавить тег с кодом myTarget для страницы «Корзины».

Источник

Установка пикселя [email protected] на сайт с помощью Google Tag Manager

Второй материал из серии про установку пикселей соцсетей через Google Tag Manager. В нем специалист по контекстной рекламе Mello Андрей Моисеев объясняет, как настроить и установить пиксель для запуска ретаргетинга в myTarget.

Пиксель [email protected] для myTarget позволяет собрать аудиторию сайта, рекламной кампании в сторонней сети или системе — там, где нет возможности использовать полный код счетчика [email protected] Собрав аудиторию, мы можем использовать ее для ретаргетинга в myTarget.

В этом материале мы разберемся с установкой пикселя myTarget на сайт через Google Tag Manager. Всего будет три этапа:

Создание пикселя [email protected]

Для работы с пикселем:

1. В myTarget во вкладке «Список клиентов» выбираем нужного нам клиента.

Выбор клиента

2. На верхней панели выбираем «Аудитории», слева в списке находим «Пиксели [email protected]», заполняем поля («Имя» и «Счетчик») и нажимаем на кнопочку «Создать пиксель». После чего нам высветится окошко с кодом пикселя, закрываем его, переходим в [email protected] и логинимся там.

Создание пикселя

3. В верхней панели выбираем «Мои счетчики», в списке слева скролим вниз, находим пункт «Настройки счетчика» и выбираем «Цели».

Выбор целей

4. Находим нужный нам пиксель и нажимаем на значек «код».

Выбор пикселя

5. Копируем код и идем в GTM.

Настройка в Google Tag Manager

6. Переходим в «Теги» и жмем кнопку «Создать».

Создание тега

7. Для создания тега нам необходимо создать конфигурацию тега и триггер. Для начала создадим конфигурацию. Нажимаем на соответствующую рамку «Конфигурация тега». В выпадающем списке находим тип группы «Специальные» и выбираем «Пользовательский HTML». Данный тип тега позволит разместить HTML-код на странице сайта, например наш созданный пиксель.

Пользовательский HTML

8. Далее у нас появится окно для вставки кода. Нажимаем на текстовое поле и вставляем наш скопированный код пикселя. Для корректной работы необходимо установить порядок срабатывания тегов. Тег пикселя должен срабатывать после тега счетчика [email protected] Выставляем соответствующие настройки, как на скриншоте ниже. После чего нам предстоит создать триггер. Жмем на рамку «Триггеры».

Вставка JavaScript-код

9. Чтобы наш код срабатывал на всех страницах сайта, необходимо создать условие, при котором JS-код будет срабатывать при просмотре страницы. Соответственно, по умолчанию, выбираем триггер «All Pages», который позволяет выполнить нужную нам функцию. И сохраняем созданный нами тег.

Источник

Как установить счетчик Метрики на сайт с помощью Google Tag Manager

Завершаем серию материалов об установке счетчиков и пикселей с помощью GTM. В этом материале вместе со специалистом по контекстной рекламе Mello Андреем Моисеевым осваиваем настройку счетчика Метрики и добавляем его на сайт.

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

1. Переходим на сайт Яндекс.Метрики и жмем на кнопку «Добавить счетчик».

Добавить счетчик

3. Для установки кода счетчика через GTM необходимо выбрать «Системы управления тегами». Дополнительные настройки оставляем по умолчанию пустыми.

Выбор типа установки

Дополнительная информация по настройкам:

Отслеживание хеша в адресной строке браузера. Опция применима для AJAX-сайтов. Данная технология редко используется и в большинстве случаев чекбокс остается пустым.

Настройка «В одну строку» отвечает за вид кода счетчика.

Информер. Если включить эту настройку, в футере сайта будет отображаться значок с информацией о трафике сайта. В дополнительных настройках информера можно выбрать размер значка, цвет и тип данных, которые будут выводиться. Данные будут доступны всем, кто зашел на сайт и прокрутил страницу до футера.

Альтернативный CDN. Опция позволяет корректно учитывать посещения из регионов, в которых ограничен доступ к Яндекс.Метрике. Опция может снизить скорость загрузки кода счетчика, но даже при включенном альтернативном CDN код счетчика может отправлять предварительный запрос к mc.yandex.ru для экономии трафика.

Отправка в Метрику данных электронной коммерции. Важная настройка, если у вас интернет-магазин. Опция позволяет подключить e-commerce через интерфейс и собирать данные о количестве заказов, сумме покупок и т. д. Если опция включена, по умолчанию JavaScript-массиву присваивается имя dataLayer. Вы можете изменить его в поле «Имя контейнера данных». Подробнее о подключении интернет-магазина к Яндекс.Метрике читайте в помощи.

4. Ниже система предоставляет код счетчика. Копируем его и идем в GTM.

Код счетчика

Процедура установки кода стандартная.

Подробнее и со сксриншотами смотрите в материале об установке пикселя ретаргетинга «ВКонтакте».

5. Следующим шагом проверим корректную установку счетчика. Для этого заходим на сайт и в адресной строке к домену добавляем /?_ym_debug=1, например: site.ru/?_ym_debug=1, и жмем Enter. После этого жмем правой кнопкой мыши по странице сайта и выбираем «Просмотреть код» либо же F12 или Ctrl+Shift+I — откроется панель. Выбираем вкладку «Console». Если все установлено правильно, то вы увидите строчку PageView. Counter и код счетчика.

Проверка счетчика

Если номера счетчика нет, то проверьте правильность установки исходя из инструкции написанной выше.

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

Источник

Как настроить аналитику с помощью Google Tag Manager

Настройка веб-аналитики: почему это важно

Правильная настройка веб-аналитики в интернет-рекламе важна для оценки и повышения эффективности кампаний.

Проще говоря, благодаря правильно настроенной веб-аналитике мы:

Желательно подключить аналитику для всех рекламных систем, в которых вы запускаете кампании. Это нужно не только для того, чтобы получать наиболее полные и актуальные данные, но и для того, чтобы эффективно настраивать ремаркетинг.

Вся интернет-реклама в eLama

Один кабинет и кошелек для 13 систем и сервисов, инструменты для повышения эффективности, бесплатное обучение и помощь на всех этапах работы.

Как настроить веб-аналитику

Есть два варианта настройки веб-аналитики.

Первый — сложный. Нужно поставить на сайт Яндекс.Метрику, Google Analytics, коды ремаркетинга рекламных систем (Facebook Pixel, пиксель ВКонтакте, счетчик Top.Mail), а также коллтрекинг (если лидом является звонок).

Затем — настроить отправку событий, конверсии и цели. Чтобы настроить отправку событий в рекламные и аналитические системы, часто требуется знание JavaScript, CSS и принципов работы с библиотеками типа JQuery.

А если появятся новые события и цели или новый сайт, все эти действия придется проделать заново.

Второй — попроще: использовать Диспетчер тегов Google (Google Tag Manager, GTM). С ним не нужно постоянно менять код — достаточно один раз поставить контейнер с тегами на сайт. Если появятся новые события, их можно будет добавить внутри GTM. А если вы поменяете сайт, контейнер со всеми настройками можно будет просто перенести.

Что такое Google Tag Manager

Google Tag Manager — это система управления тегами.

Основные сущности внутри GTM — это контейнер, тег, триггер и переменная.

Контейнер — это хранилище тегов и триггеров. Содержит счетчики, которые срабатывают при определенных условиях и учитывают действия пользователей на сайте. Контейнер устанавливается на сайт один раз; после этого можно управлять счетчиками — менять настройки, удалять или добавлять новые счетчики, — не внося правок в код сайта.

Тег — это действие, которое выполняет GTM (активация счетчика Google Analytics или Яндекс.Метрики, отправка события по конверсии и другие).

Триггер — это событие, активирующее тег (просмотр пользователем некоторой страницы на сайте, клик по кнопке и другие).

Переменные позволяют запускать теги или триггеры (когда значение триггера совпадает с переменной) и фиксировать действия или изменения на странице.

Структура и иерархия GTM

Google Tag Manager подойдет, если:

Что еще можно делать с помощью GTM:

Как установить системы аналитики РС через Google Tag Manager

Подготовительный этап. Как создать Google Tag Manager и поставить его на сайт

Чтобы создать аккаунт в Google Tag Manager, нужна учетная запись Google (проще говоря, почта на Gmail). После ее создания (или если она уже есть) переходим на tagmanager.google.com и нажимаем «Создать аккаунт».

Даем названия аккаунту и контейнеру. Выбираем целевую платформу: сайт, приложение или amp-страница. Нажимаем «Создать» и принимаем пользовательское соглашение.

Если все сделано правильно, появится всплывающее окно «Установить Google Менеджер тегов».

Копируем код из первого поля. Его нужно поставить перед закрывающим тегом в коде вашего сайта. (В зависимости от конкретного сайта это можно сделать через файл типа index.html, использовать плагин или же интегрировать GTM напрямую.) Код из второго поля ставим после открывающего тега .

После этого нужно проверить, работает ли GTM на сайте. Можно использовать режим предварительного просмотра или расширение Google Tag Assistant.

На сайте должна подгрузиться iframe-форма.

После этого можно начать установку Google Analytics, Яндекс.Метрики, Facebook Pixel и других счетчиков.

Установка Google Analytics через Google Tag Manager

Установить Google Analytics проще всего: у него есть прямая интеграция с GTM.

В левом меню открываем раздел «Теги», нажимаем «Создать».

Откроется окно с двумя полями: «Конфигурация тега» (действие, которое будет выполняться) и «Триггеры» (условия).

В «Триггерах» выбираем вариант «All Pages» (тогда счетчик Google Analytics будет активироваться каждый раз, когда пользователь просматривает любую страницу сайта).

В «Конфигурации тега» выбираем «Google Аналитика — Universal Analytics».

В поле «Тип отслеживания» автоматически проставится параметр «Просмотры страницы».

В поле «Настройки Google Analytics» нужно вставить идентификатор. В выпадающем меню выбираем «Новая переменная».

Идентификатор отслеживания можно найти в Google Analytics: «Администратор» — «Ресурс» — «Настройки ресурса».

В блоке «Основные настройки» будет указан «Идентификатор отслеживания».

Копируем его в GTM. Переменную называем так же, как идентификатор отслеживания (чтобы не запутаться).

Сохраняем тег. После этого он отобразится в рабочей области.

Чтобы изменения в контейнере появились на сайте, нужно нажать на кнопку «Отправить» (в правом верхнем углу). Задаем «Название версии» и нажимаем «Опубликовать».

Дальше нужно проверить корректность работы тега: используем режим предпросмотра. Если все верно, тег отобразится в iframe-форме.

Также корректность работы можно проверить через Google Tag Assistant или Google Analytics (вкладка «Отчет в реальном времени»).

Установка Яндекс.Метрики через Google Tag Manager

Создаем новый тег (раздел «Теги» в левом меню, кнопка «Создать»). Триггер задаем тот же, что и в случае с Google Analytics, — «All Pages». В поле «Конфигурация тега» выбираем: «Специальные» — «Пользовательский HTML».

В поле для ввода HTML вставляем код Яндекс.Метрики. Для этого заходим в аккаунт и выбираем счетчик. В левом меню нажимаем «Настройка». Внизу появится поле «Код счетчика».

Копируем HTML-код в соответствующее поле в Google Tag Manager и нажимаем «Сохранить». Тег появится в рабочей области. Его нужно будет «Отправить» и проверить корректность работы.

Также корректность установки можно проверить при помощи параметра ?_ym_debug=1. Его нужно ввести сразу после URL сайта.

Находясь на сайте, открываем код (Ctrl+Shift+I) и ищем параметр PageView. Counter. После него стоит номер счетчика — проверьте, что он совпадает с номером внутри вашего аккаунта в самой Яндекс.Метрике.

Установка Facebook Pixel через Google Tag Manager

Для начала нужно создать Facebook Pixel (у eLama есть пошаговая видеоинструкция по созданию и настройке пикселя Facebook). Для этого заходим в Ads Manager и в разделе Events Manager выбираем пункт «Пиксели».

Добавить пиксель Facebook в GTM можно двумя способами: с помощью партнерских интеграций или на сайт вручную.

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

Если добавляем пиксель с помощью партнерских интеграций, достаточно в списке найти Google Tag Manager.

Затем будет нужно выбрать почту Gmail, к которой привязан GTM, сам аккаунт в GTM и контейнер и «Завершить настройку».

В рабочей области GTM должен появиться тег пикселя Facebook.

Проверить установку можно также в режиме предпросмотра (iframe-форма) или через расширение Facebook Pixel Helper (для Google Chrome).

Настройка событий

Выбор событий зависит от структуры сайта и того, как выстроена воронка взаимодействия с пользователем. Чаще всего нужно отследить:

Далее подробно разберем, как настроить событие для нажатия на кнопку.

Настройка событий в Google Analytics

Создаем новый тег. Однако, в отличие от предыдущих схем, в качестве триггера выбираем не «All Pages», а создаем новый триггер.

Кликаем по полю «Настройка триггера». В меню «Выберите тип триггера» выбираем «Клик» — «Все элементы».

Задаем «Условие активации триггера» — «Некоторые клики».

В первом поле в выпадающем меню нажимаем «Выбрать встроенную переменную». В открывшемся меню выбираем Click Element.

Во втором поле выбираем условие «соответствует селектору CSS».

Где найти этот селектор? Идем на сайт и находим элемент, при клике на который GTM должен передавать событие. Проще говоря, кнопку.

Нажимаем на нее правой кнопкой мыши, в меню выбираем «Посмотреть код».

В правой части экрана появится поле с кодом страницы сайта; код самой кнопки будет подсвечен. Нажимаем на это подсвеченное поле правой кнопкой мыши, выбираем «Copy» — «Copy selector».

Вставляем селектор в последнее поле в окне «Настройка триггера» в GTM.

Назовем триггер, например, «Клик на кнопку» и сохраним его.

Далее заполняем блок «Конфигурация тега». Выбираем «Google Аналитика — Universal Analytics», тип отслеживания — «Событие». В открывшемся меню нужно обязательно заполнить два поля — «Категория» и «Действие». Допустим, «Категория» будет button, а «Действие» — click.

Сам тег назовем, например, «GA — Клик на кнопку».

В «Настройках Google Analytics» выбираем идентификатор аккаунта в Google Analytics. Тогда при клике на кнопку в аналитическую систему будет отправляться событие с категорией button и действием click.

Зайдем в Google Analytics и создадим соответствующую цель («Администратор» — «Представление» — «Цели»).

В поле «Установка цели» выбираем «Собственная». Даем ей название (например, «Клик на кнопку»), указываем «Тип» — «Событие». Заполняем «Подробные сведения о цели»: «Категория» — button, «Действие» — click. Сохраняем конверсию в Google Analytics.

Идем в GTM и сохраняем тег «GA — Клик на кнопку». Публикуем, проверяем.

Настройка событий в Яндекс.Метрике

Сначала нужно создать цель в Яндекс.Метрике («Настройка» — «Цели» — «Добавить цель»). Даем ей название (например, «Клик на кнопку»). В поле «Тип условия» выбираем «JavaScript-событие», в поле «Идентификатор цели» вводим, например, button.

Переходим в Google Tag Manager и создаем тег с триггером «Клик на кнопку» и конфигурацией «Пользовательский HTML». Прописываем отправку события в яндекс.метрику:

где вместо единиц — идентификатор аккаунта в Яндекс.Метрике, вместо ‘Идентификатор события’ — идентификатор, который указан в описании вашей цели (в нашем случае — button).

Называем тег «Метрика — Клик на кнопку». Сохраняем, отправляем в итоговую версию контейнера, проверяем.

В этой статье мы не будем рассматривать настройку событий для Facebook Pixel: это отдельная обширная тема.

Подробнее о настройке Google Tag Manager — в вебинаре от eLama.

Если хотите знать больше об интернет-рекламе и веб-аналитике в целом, регистрируйтесь на бесплатные вебинары от eLama.

Источник