⬆️ Победители в номинации Search Innovation
Google Partner

Инструкция по настройке Google Tag Manager на примере Интернет-магазина напольных покрытий

Автор:
PPC cпециалист
Рецензент: Галина Лиман
Руководитель отдела контекста
4,64 11 оценок
46 комментариев ,
Инструкция по настройке Google Tag Manager на примере Интернет-магазина напольных покрытий

Google Tag Manager (GTM) — перспективное решение от Google, которое позволяет размещать пользовательские скрипты на страницах сайта без непосредственного вмешательства в его код. GTM дает возможность не только легко добавлять и обновлять скрипты сервисов Google на вашем сайте, но и задавать правила активации различных тегов. Фактически, все, что вам нужно — аккаунт сервиса GTM и единичный доступ к коду сайта. Все остальные настройки производятся через удобный пользовательский интерфейс и не требуют участия IT-шников. На примере сайта нашего клиента я покажу, как настроить диспетчер тегов и на что обратить пристальное внимание.

Итак, единственное действие, которое будет требовать доступа к коду сайта — это само размещение скрипта GTM, так называемого “контейнера”.

Разместив код GTM, мы получаем мощный и готовый к работе инструмент. Теперь мы можем помещать в контейнер GTM как готовые функции, которые уже предусмотрел Google (GA, события, транзакции, ремаркетинг и др.), так и свои скрипты, которые можно размещать как произвольный код (“Яндекс.Метрика”, например). И все это через интуитивно понятный веб-интерфейс, без доступа к коду сайта. Весомым преимуществом будет и то, что клиент не сможет испортить размещенные скрипты. Ну, разве что сам код контейнера :)



Майнд-карта

Установка и настройка диспетчера тегов Google

А теперь приступим к самому процессу интеграции GTM с вашим сайтом. Все скриншоты ниже были сделаны во время настройки диспетчера тегов для нашего клиента “Интернет-магазина напольных покрытий”.

Размещение кода контейнера

Сначала необходимо зарегистрироваться в сервисе GTM: tagmanager.google.com. После введения e-mail и пароля аккаунта Google, который вы будете использовать в этих целях, создаем аккаунт в GTM. Это верхний уровень иерархии в сервисе.

Скриншот 1

Укажите название аккаунта и, при желании, установите флажок «Передавать анонимные данные в Google и другие службы».

Скриншот 2

Именем для контейнера может служить адрес вашего сайта. Далее указываем, где будет расположен контейнер (в нашем случае это “веб-страницы”). Кликаем на кнопку “Создать”. Вам будет предложено согласиться с условиями использования. Тут выбора нет, соглашаемся :)

В результате получаем код контейнера:

Скриншот 3

Теги добавим позже.

Теперь скопируйте предложенные коды и разместите первый фрагмент в раздел <head> кода страницы как можно ближе к началу. Второй вставьте сразу после открывающего тега <body>.

В дальнейшем, код контейнера можно найти с помощью меню: Администрирование → Установить диспетчер тегов Google.

Поздравляю! На этом работа, которая требует доступа к сайту, завершена. Все остальные действия проводятся только в интерфейсе GTM.

Понятия в GTM

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

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

Скриншот 4

Переменная

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

Например, нужно отследить переход по ссылке. Переменная — это любой URL адрес, а значение переменной — тот адрес, переход по которому необходимо отследить.

Триггер

Триггер — это условия выполнения тега. Его можно установить как при создании самого тега, так и отдельно. Потом лишь нужно будет «приклеить» правило к соответствующему тегу.

Тег

Тег – это, по сути, функция или скрипт, который вы хотите выполнить.

Разберем более детально все эти понятия на примере установки тега GA.

Установка тега Google Analytics

В GTM уже «из коробки» доступен основной набор переменных (встроенные). Кроме того, есть возможность создать и собственные переменные (пользовательские), если предложенных в GTM недостаточно.

Для тега Google Analytics нам необходимо создать пользовательскую переменную с номером нужного нам счетчика. Заходим на вкладку “Переменные”, в разделе “Пользовательские переменные” нажимаем на кнопку “Создать”.

Скриншот 5

В открывшемся окне указываем тип переменной “Настройки Google Analytics”. В графу “Идентификатор отслеживания” копируем номер счетчика GA. Найти его можно в настройках в интерфейсе GA: Администратор → Ресурс → Код отслеживания. Поле “домен cookie” оставляем без изменений. Даем название переменной (для удобства используем GA) и нажимаем сохранить.

Скриншот 6

Далее, переходим на вкладку тегов, чтобы создать новый тег. Выбираем тип “Google Аналитика – Universal Analytics”. Тип отслеживания не меняем, по умолчанию установлен нужный нам “Просмотр страницы”. В графе “Настройки Google Analytics” указываем созданную ранее пользовательскую переменную — {{GA}} и переходим к настройке условия, которое будет активировать тег. Триггер активации указываем “All Pages”, поскольку нам необходимо, чтобы код GA выполнялся на всех страницах сайта. Называем тег “Google Analytics” и сохраняем.

Скриншот-7

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

Скриншот 8

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

Скриншот 9

Как видно на скриншоте, тег Google Analytics сработал сразу же при загрузке страницы. Следовательно, тег работает корректно и его можно опубликовать в коде сайта. Чтобы выйти из режима предварительного просмотра, необходимо вернуться в GTM и отменить соответствующую функцию.

Скриншот 10

После этого нам нужно применить все совершенные изменения на сайте, чтобы они начали работать.

В GTM есть понятие версий. Создавая версию, мы фиксируем вариант контейнера с заданными тегами и правилами их выполнения. Если в дальнейшем наши действия нарушат работу каких-либо тегов, мы сможем легко вернуться к рабочей версии контейнера.

Нажимаем кнопку «Отправить». В правом верхнем углу страницы появится окно с общим числом изменений, которые будут опубликованы.

Скриншот 11

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

Чтобы проверить, начался ли сбор статистики в Google Analytics, необходимо зайти на сайт и перейти в “Отчет в реальном времени”. Должно отобразится посещение сайта.

Скриншот 12

Настройка отслеживания событий GA

Напомню, что данный мануал основан на решении для сайта pidloga.biz (интернет-магазин напольных покрытий). Наша задача: отслеживать формы обратной связи, добавление товаров в корзину и клики по номеру телефона, чтобы анализировать эффективность наших рекламных кампаний.

Мы настроим следующие события для GA (категория, действие, ярлык):

  1. Номер телефона, Клик;
  2. Кнопка “Купить”, Клик;
  3. Форма “Перезвонить мне”, Отправка;
  4. Форма “Купить в 1 клик”, Отправка;
  5. Форма “Обратный звонок”, Отправка, Внизу страницы;
  6. Форма “Обратная связь”, Отправка, Внизу страницы;
  7. Форма “Обратная связь”, Отправка, Страница контактов.

Для лучшего понимания процесса можно подобрать себе напольное покрытие на сайте pidloga.biz.

Важно: далее я не стану постоянно писать о создании новой версии и ее публикации. Это стоит делать после внедрения каждого нового тега.

Теория

После того как Google внедрил в GTM автоматическое прослушивание событий, настройка их отслеживания совершенно не требует вмешательства в код сайта.

Специальные теги прослушивания событий включаются для всех страниц сайта и начинают собирать данные об активности посетителя. Настроив отслеживание события с учетом определенных критериев, мы сможем получать данные об интересующих нас активностях.

Ознакомьтесь со справкой Google для лучшего понимания вопроса. — Разместить так

Нас интересует три тега прослушивания событий: прослушивание кликов, прослушивание кликов по ссылкам и прослушивание форм.

1) Клик по номеру телефона

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

Сперва нам нужно выделить ссылку, клики по которой необходимо отслеживать, и вызвать консоль (кликнуть правой кнопкой мыши и выбрать “Просмотреть код”). Скопировать значение или фрагмент значения атрибута href. Например, для отслеживания кликов по всем номерам телефонов необходимо скопировать фрагмент “tel:”, для отслеживания кликов по определенному номеру — скопировать значение полностью.

Скриншот 13

Поскольку у нас на сайте два номера телефона, нам необходим фрагмент “tel:”.

Далее переходим на вкладку «Триггеры» и нажимаем на кнопку “Создать”. В открывшемся окне указываем тип триггера “Клик — Только ссылки”, в условиях активации выбираем пункт “Некоторые клики по ссылкам”. В появившемся выпадающем меню создаем правило, при котором будет срабатывать триггер. Встроенная переменная Clic URL должна начинаться с выбранного ранее фрагмента атрибута href. Указываем название триггера и сохраняем его.

Скриншот 14

Переходим на вкладку теги. Создаем тег с названием “Клик по номеру”. Выбираем тип тега “Google Analytics — Universal Analytics”, изменяем тип отслеживания с «Просмотр страниц» на «Событие» и подключаем пользовательскую переменную с идентификатором отслеживания GA.

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

  • Категория: Номер телефона;
  • Действие: Клик.

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

Скриншот 15

Сохраняем, проверяем срабатывание тега через “Предварительный просмотр”, создаем версию, публикуем. Через минуту-две (GTM может подхватить новые настройки с некоторым опозданием) проверяем получение события в GA в разделе “Отчёты в режиме реального времени”, подраздел «События».

2) Клик по кнопке “Купить”

Отслеживание кликов по элементам используется чаще всего для фиксации кликов по кнопкам при добавлении товара в корзину, списки желаний и сравнения. В нашем случае — это первый вариант.

Для настройки отслеживания кликов по элементам, как и в первом случае, нам необходимо найти HTML тег, соответствующий нужной кнопке, и скопировать значение атрибута id или class. Если использовать значение атрибута id или class нельзя (например, тег не активируется или значение class не является уникальным), необходимо скопировать CSS-селектор элемента.

Важно: HTML тег кнопки “купить” технически больше относится к отслеживанию кликов по ссылкам (при нажатии на кнопку открывается мини-окно корзины сайта), поэтому нам необходим атрибут href.

Скриншот 16

Поскольку нам нужно отслеживать клики по кнопке “купить” без привязки к конкретной странице или определенному товару, часть фрагмента с указанием ID нам не нужна. Будем использовать — /basket_popup/?ELEMENT.

Когда мы определили атрибут для встроенной переменной, можем приступать к созданию триггера. Тип триггера указываем “Клик — Все элементы”, в условиях активации выбираем пункт “Некоторые клики” и задаем условия для срабатывания. Выбираем встроенную переменную Click URL, которая должна содержать часть атрибута href: /basket_popup/?ELEMENT. Называем наш триггер “Клик по кнопке “Купить”” и сохраняем его.

Скриншот 17

Далее создаем новый тег. Тип тега, тип отслеживания указываем такие же, как и для прошлого события. Прописываем соответствующую категорию, действие и подключаем переменную с идентификатором отслеживания аналитики. Не забываем указать триггер активации, созданный ранее.

Событие готово.

Скриншот 18

3) Отправка формы “Перезвонить мне”

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

Заходим на вкладку “переменные”. В разделе “пользовательские переменные” нажимаем кнопку “создать”. Выбираем тип переменной “Собственный код JavaScript” и в специальное поле вставляем нужный нам скрипт, который будет делать проверку правильности заполнения формы и отправлять соответствующие данные триггеру. При правильном заполнении формы, это будет “true”, при неправильном — “false”. Называем нашу переменную и сохраняем ее.

Скриншот 19

Теперь необходимо создать условие активации тега отправки формы.

Создаем триггер. Выбираем тип “Отправка формы”, в графе “Условия активации триггера” указываем “Некоторые формы”. Далее нам нужно настроить триггер так, чтобы он срабатывал, когда выполняется одновременно два условия: посетитель правильно указал свой номер телефона и нажал на кнопку “Перезвонить мне”. Для выполнения первого условия нам понадобится созданная ранее пользовательская переменная (Валидация строки номера вверху страницы), которая содержит значение “true”. Для выполнения второго условия нам понадобится встроенная переменная “Form Element”, которая должна соответствовать селектору CSS кнопки “Перезвонить мне”. Называем триггер, например, “Отправка формы “Перезвонить мне”” и сохраняем его.

Скриншот 20

На последнем этапе мы будем создавать тег, для корректной работы которого мы подготовили все условия.

Все настройки, кроме категории и действия, указываем по примеру прошлых двух событий. Подключаем триггер “Отправка формы “Перезвонить мне””, который мы только что настроили, указываем название нашего тега и сохраняем его. Тег для отслеживания отправки формы “Перезвонить мне” готов. Не забываем проверить корректность его работы через “Предварительный просмотр” и опубликовать на сайт.

Событие работает.

Скриншот 21

Остальные события на отправку формы настроены по тому же принципу. Все тонкости настройки показаны на последнем примере, потому расписывать остальные нет смысла.

В итоге у нас должно быть 7 настроенных событий для отслеживания действий посетителей на сайте:

Скриншот 22

Постфактум

Итак, на выходе мы получаем статистику поведения пользователей в процессе выбора напольного покрытия, с которой мы теперь можем работать в Google Analytics и Google Ads:

Скриншот 23

Стоят ли эти данные времени, потраченного на настройку GTM? Однозначно — да.

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

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

У вас остались вопросы? Буду рад ответить на них в комментариях!

  • Денис

    Добрый день!

    Вопрос на счет поддоменов. На данный момент tag manager, изменил конфигурацию, и она не совпадает с вашими скринами. И поэтому интересует как можно настроить работу поддоменов.

    Домен файла cookie — или данное поле также работает как и у Вас на скрине?

  • Вадим Мосоха

    Приветствую! Спасибо за вопрос!

    То, что описали вы относится к установке тега Universal Analytics. В моем примере тег Google Analytics. К сожалению, под рукой нет проекта на котором установлен Universal и есть поддомен, так что проверить не смогу, но по логике это оно, должно сработать. Во всяком случае «Домен файла cookie» наиболее подходит для этой задачи.

    Если будете пробовать и не затруднит написать, то сообщите о результате.

    Спасибо!

  • Денис

    Оказалось для проекта лучше сделать новый аккаунт, так как информации много и чтобы не было каши. Так что к сожалению на данный момент не смогу проверить.

  • Вадим Мосоха

    Если на поддомене отдельный проект, статистика которого не влияет на остальные домены/поддомены, то вы правы. Достаточно создать под него свой контейнер и свой аккаунт в аналитике. Это по сути будет отдельный проект.

    В моем случае, поддомен это часть сайта. Без настройки он бы воспринимался как реферал, а не часть сайта.

  • Андрей Свистунов

    Клёвый пост. Спасибо.
    Раньше не доходили руки до GTM.
    Проклацал GTM и возник вопрос. Не нашел такой стандартный макрос — {{element id}}, в предложенном мне списке всего 5 макросов. Чего где я не доглядел?

  • Вадим Мосоха

    Не за что, Андрей!

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

  • Дмитрий

    Спасибо, полезный пост!

  • Андрей

    Продолжить заказ

    Здравствуйте, воспользовался вашим гайдом, но увы у меня не отслеживается нажатие на эту кнопку…что сделал не так не могу понять, может для отслеживания подобной кнопки необходимо что то ещё добавить…пробовал следующие правила :

    ивент gtm.click
    элемент класс: button btn-checkout

    или

    ивент gtm.click
    элемент ID: oformit-zakaz

    в обоих случаях отслеживание не удается…все макросы и теги прописаны верно. Буду очень признателен если вы меня поправите или направите на путь истинный.

  • Вадим Мосоха

    Судя по консоли Хрома ничего не отправляется.

    Значит все таки где-то неправильно настроен GTM.

    У вас один счетчик аналитики размещен? Вижу запускается 2 скрипта ga.js и analytics.js. Не уверен, но можно попробовать отключить запуск одного из счетчиков. ГТМ привередлив :)

    Также, создание тега в вашем случае будет так выглядеть:

    1. Создать Тег прослушивания кликов и запускать его на всех страницах сайта.

    2. Создать Тег Гугл Аналитикс, указать в его параметрах Тип отслеживания — Событие. Задать ему как минимум Категорию и Действие. Условия вами указаны верно. Оба варианта должны работать. Создайте и опубликуйте версию. Минутки через 2 проверьте в он-лайн отслеживании в Аналитиксе или консоли браузера.

    Если и это не поможет, то нужно смотреть. Заочно сложно пытаться находить проблемы.

    Удачи!

  • Vik

    Так чем же GTM круче GA? Если GA также отслеживает события

  • Vik

    Только тем, что вставить нужно только один код? Или функционал шире?

  • Вадим Мосоха

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

  • Круче тем, что вставка и управление «тэгами» — блоками скриптом — выполняется в единой системе.
    Да, нужно еще больше поломать голову, да и GTM — очень сырой инструмент по информативности его интерфейса. Но изучать и использовать — нужно, однозначно!

  • Вадим, спасибо за очень информативную статью. Все очень детально и здорово расписано!!

  • Вадим, помогите, пожалуйста. GTM я настроил, события в GA начали появляться (в отчете «События»), но как цели не фиксируются. Имена категорий и действия в настройках GTM и цели GA идентичны. Где и что я мог упустить?

  • Вадим Мосоха

    Приветствую, Петр!

    Сложно сказать заочно. Я с такой ситуацией в своей практике не сталкивался, потому готового решения у меня нет. Решение 100% где-то в настройках Google Analytics. По логике, если он видит факт события, значит может взять его за основу для фиксации цели. На стороне GTM для это ничего происходить дополнительно не должно. Буквально на днях настраивал события как цели и все было тип-топ.

  • Здравствуйте, Вадим! Пришла к Вам с Вашего комментария на моем блоге) Как и обещала, написала статью о том, как с помощью автоматических событий в Диспетчере тегов отслеживать клики по баннеру, внешним/внутренним ссылкам и как получить статистику по скачиванию файлов http://promored.ru/2014/03/gtm-auto-event-tracking-links-banner-clicks-file-downloads/

  • Natalia

    Добрый день!
    благодарю за подробный мануал — используя его и еще 1 статью — вроде как настроила «Прослушивание форм».
    Единственное, загвоздка, надеюсь поможете — при публикации у меня создался контейнер, в котором лежат 2 тега (прослуживание формы и собственно отправка формы) + еще туда продублировался первоначальный тэг Аналитикс (собственно которым аналитика и устанавливалась).
    То есть теперь у меня в одном контейнере первоначальный тэг аналитики, а во втором — 3 тэга, один из которых дубликат из перового контейнера.
    Это нормально? или после публикации тэгов их надо удалять из Черновиков, чтобы избежать дубляжей?
    Надеюсь, мой вопрос хоть капельку понятен :)

  • Вадим Мосоха

    Здравствуйте, Natalia!
    При публикации создается не контейнер, а версия контейнера.
    Вы все сделали правильно. До настройки прослушивания форм, у вас был только код Аналитикса, соответственно, была версия контейнера, допустим, это была версия 1, которая содержала в себе только один тег, тег кода Аналитикс.
    Затем, вы добавили еще 2 тега для отслеживания форм. При публикации GTM автоматически создал новую версию контейнера, которая содержит уже 3 тега: Аналитикс + 2 тега форм. Теперь это у нас версия 2 того же контейнера.
    Рабочей является только опубликованная версия контейнера, в вашем случае это версия 2.
    И теги будут срабатывать только из версии 2.
    Вам не о чем переживать, все должно нормально работать. По мере добавления новых тегов, будут добавляться новые версии контейнеров.
    Успехов!

  • Natalia

    Благодарю :) да, все теперь ясно!
    Только мне с еще одним вопросом к Вам придется обратиться, видимо.

    В итоге я установила сначала Отслеживание Форм (чтобы проще — тут http://pryamoi-nomer.ru/lp/oformlenie-zakaza.html). Но оно не срабатывает.
    В правиле поставила:
    event=gtm.formSubmit
    element id=z_form

    Тогда я еще на кнопку отправки формы установила отслеживание кликов. Вчера отслеживание сработало, когда я его тестировала — в событиях отразилось с моими названиями категории и действия (я на радостях аж сразу и цели настроила).
    Однако сегодня заказы в виде заявок приходили, но в событиях не отметились, сейчас сама тестирую — по нулям :(
    для кликов в правиле я поставила: event = gtm.click
    element classes=btn_cl

    Проверила Tag Assistом — выдает одну критическую ошибку, якобы запускается асинхронный код GA. При этом если смотреть html — кроме Universla ничего не стоит. На сайте стоит сторонний модуль соцсетей, который видимо содержит счетчик и обращается к нему.
    Вот собственно вопрос 1 — может ли он нарушать «работу» моих тэгов?
    Хотя по логике не должно, ведь почти все сторонние модули собирают статистику…
    И почему вчера засек, а сегодня перестал?

    Вопрос 2 — по какой причине может не работать «прослушка форм»? Хотя по-большому счету, для случая данной страницы наверное факт «отправки по клику» вполне достаточен

  • Вадим Мосоха

    Здравствуйте, Наталья!

    По поводу формы, попробуйте поэксперементировать с установкой флажков «Ожидание тегов» и «Проверка ошибок». Возможно, проблема в них.

    Визуально, тег менеджер и аналитикс без проблем запускаются. Так что проблему стоит искать в настройках тегов.

    Если теги отслеживания форм больше не требуются, отключайте их.

    Проверьте, чтобы тег прослушивания кликов запускался на всех страницах.
    Т.е. для него только одно правило: url=.*
    Создаете тег Universla, ставите для него, что он — событие. Прописываете ему Категорию и действие. Условия вы описали правильно:
    event = gtm.click
    element classes=btn_cl

    Публикуйте версию контейнера.

    Должно работать. Заочно я, наверное, большего не подскажу.

  • Natalia

    Вадим, большое спасибо! вроде сделано как вы написали. Но сейчас еще все перепроверю и попробую формы отрубить

  • Раков Гена

    Очень полезная статья. Но как не старался ничего добавить через этот контейнер не получилось.
    Видать Google не рассчитывает, что этим сервисом будут пользоваться обычный человек. Пробовал добавить GA и как html код и через идентификатор, все напрасно. Писал пост в блоге про этот менеджер, под конец стало стыдно, пост написал, а элементарно счетчик не добавил.

  • Артем

    Добрый день. Отличная статья! Все сделал как написано. Настроил GTM. Все работает!
    Настроил пробную цель на просмотр определенной страницы. Вопрос вот в чем: Каким образом мне сделать отображение этой цели из GTM в Google Analytics? В Google Analytics эта цель не появилась. Нужны ли какие-то дополнительные манипуляции для этого?

  • Елена

    Добрый день! Скажите, пожалуйста, а если не убирать код аналитикса и поставить тег менеджер, настройка событий в тег менеджере будет срабатывать? просто я уже все сделала, а события так и не отображаются…обязательно ли сносить аналитикс и вставлять через тег менеджер?

  • Елена

    Мне ответили, что можно не сносить аналитикс, но почему-то не работают настроенные события

  • Артем, цели вам сразу нужно настраивать в Google Analytics, для них не нужен GTM, в не зависимости установлен у вас на сайте код GTM или Analytics.

  • Елена, Google рекомендует убирать GA при установке GTM. Просто не вижу смысла оставлять код GA если вы уже установили GTM (только у вас уже не настроены события и e-commerce через GA).
    Скорее всего, у вас не корректно настроены события. Проверьте, срабатывает ли событие через отладчик в GTM.

  • <<<Проверьте, срабатывает ли событие через отладчик в GTM.

  • Аян

    Добрый день! Спасибо за отличный материал! У меня есть один вопрос по своему сайту.
    Можно ли с помощью GTM отследить эффективность блоков на сайте? Есть новостной сайт, добавили туда ленту новостей в виде блока (появляется только в материалах, карта кликов от ЯМ не особо помогает). Теперь нужно определить какой CTR у этого блока. Есть ли в этом инструменете такая возможность?

  • Добрый день, правильно ли я понял что все манипуляции например при настройке Настройка отслеживания событий GA проводятся без добавочных настроек на сайте и GA?

  • Ирина

    Добрый день! Подскажите пожалуйста. Не получается настроить отслеживание отслеживание нажатий на кнопку печать на сайте. Настраиваю как событие с правилом клик по ссылке. Создаю новую версию в отладке событие не становится активным, видимо что то не так. Что именно?

  • Кирилл

    Вадим, здравствуйте!

    Никогда не использовал GTM, но теперь, похоже, без него не обойтись, ибо задача оказалась сложнее, чем представлялось на 1-й взгляд.

    Нужно настроить ретаргетинг на пользователей сайта, пришедших с органического поиска и не воспользовавшихся Целевым звонком. Не могу сообразить, как задать соответствующие цели в Яндекс-Метрике.

    Если это в принципе невозможно, отчасти приемлемо пренебречь ЦЗ и настроить на всех, пришедших с органического поиска.

    Говорят, что нужна цель — источник трафика не органический поиск, и еще одна — целевой звонок, в директе — поставить «не достигнута ни одна из целей». Для этого нужно использовать в GTM макрос типа переменная javascript, название переменной — document.referrer. Потом — создать на основе значения макроса правило, исполняемое когда нет соответствия по регулярному выражению типа (google|yandex), которое запускает тег типа «пользовательский JavaScript или как-то так.

    Вопрос: можно ли как-то это реализовать?
    Заранее большое спасибо.

  • Вадим Мосоха

    Здравствуйте, Ирина!

    Мало данных, может быть все что угодно :)
    Опишите подробнее, что в правилах запуска события?

  • Вадим Мосоха

    Здравствуйте, Кирилл!

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

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

    Итак, Вы правы, нужно создать тег с выполнением пользовательского скрипта. Я больше силен по GA, так что, не подскажу, какой именно код выполнять.

    По логике, в правила активации тега нужно добавит {{referrer}} с нужными поисковиками, создать новый макрос с JS переменной, по которой можно понять, что целевого звонка не было и задать его в это же правило (или определить, что звонок был и добавить исключение).

    Как-то так. Однако, я пока не смог добиться от GTM, чтобы он реагировал на {{referrer}}… Смогу — отпишусь.

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

    Спасибо!

  • Кирилл

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

  • Вадим Мосоха

    Кирилл, у меня получилось настроить правило на поисковый трафик:
    {{referrer}} соответствует регулярному выражению google|yandex, больше ничего не указывать (например, {{url}} соответствует регулярному выражению .* , уже не запускает событие). На событиях Google Analytics работает. А вот скрипт Яндекса данные не отправил, пробовал такой:
    yaCounterХХХХХХХ.reachGoal(‘SEOTRAF’)
    Но я мог не верно составить его, не силен ни в Метрике, ни в JS :)

  • Кирилл

    Спасибо за подробности, Вадим!
    Пока мы с Вами ломали голову над этой задачей, в Яндекс-метрике появилась новая графа Вернувшиеся в отчете Источники. Соответственно, задача неожиданно трансформировалась в настройку цели для ретаргетинга на всех посетителей сайта за вычетом вернувшихся. Такая цель будет гораздо точнее описывать нужный мне сегмент.

    Жду теперь ответа от техподдержки Метрики. Еще раз спасибо за помощь.

  • v1st

    Добрый день!

    А помогите прояснить одну вещь — если мы через ГТМ настраиваем определенные цели и события, и начинаем работать с ними. А потом через время программисты или планово или по ошибки изменили код элемента (кнопки) или формы, то такая цель больше не будет работать корректно?

  • Вадим Мосоха

    Добрый день!

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

  • Sergey Kononenko

    Вадим, спасибо за подробную инструкцию! Возник вопрос на начальном этапе, а именно: почему при сравнении количества посещений и событий, отправляемых кодом Google Analytics и кодом GTM, Analytics показывает примерно на треть больше? Подскажите, пожалуйста, что нужно проверить?

  • Андрей

    Здравствуйте

    Возможно ли чтобы при заполнении формы отправлялось не только событие, что форма заполнена, но и в одно из полей события, например «Ярлык» вставлять, данные из одного из полей формы,например, «username»?

  • SocialChooozy

    Как подключить к GTA свои ивенты, по типу тех что были в GA «ga(‘send’, ‘event’)»?
    Т.е. мне нужно НЕ прослушивать клики по кнопкам, или отправки формы, а вызов именно своих ивентов с клиента, с кода. С функции, которая дергается не при клике на какую-либо кнопку, а по своим правилам.

  • Ирина Желиховская

    Добрый день. Подскажите, можно отслеживать открытие формы при помощи tag manager? Форма своего url не имеет.

  • Alex

    Отличная статья!

  • спасибо

Do something to stop this war! Russians are killing our children and civilians!