Тэг менеджер гугла: Install Google Tag Manager for web pages | Google Tag Manager for Web

Разное 

Содержание

Как установить и настроить Гугл Тег Менеджер в 2022 году

Содержание

  • Зачем нужен сервис Гугл Тег Менеджер
  • Google Tag Manager: как установить на сайт
  • Настройка Гугл Тег Менеджер: теги и триггеры
  • Настройка электронной коммерции Google Tag Manager
  • Заключение

Статья обновлена 13.06.2022

Аббревиатура GTM, Google Tag Manager означает бесплатный инструмент крупнейшего поисковика Google для работы с тегами. Сервис упрощает работу и помогает устанавливать различные теги на сайт без взаимодействия с кодом. То есть позволяет настраивать интеграции с аналитическими системами даже тем, кто далёк от программирования.

При помощи Google Tag Manager любой аналитик или интернет-маркетолог сможет настроить триггеры событий и создать необходимые условия для отслеживания данных. Это в дальнейшем поможет увеличить конверсии и посещаемость ресурса.

Настройка сервиса не отнимет много усилий, однако на некоторые моменты всё же стоит обратить внимание. В данном материале мы рассмотрим каждый этап настройки и разберём нюансы регистрации в системе. Но сначала немного подробнее расскажем, чем может быть полезен Google Tag Manager. Зачем вообще в нём регистрироваться?

Зачем нужен сервис Гугл Тег Менеджер

Чем могут помочь решения для управления тегами? Google Tag Manager делает работу  проще, позволяя устанавливать и редактировать теги сайта без редактирования кода. Среди преимуществ GTM стоит отметить:

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

Рассмотрим также пример конкретной пользовательской выгоды.

Преимущества использования GTM: кейс Airbnb 

Airbnb — туристическое сообщество, основанное в 2008 году, которое предлагает услуги аренды недвижимости, экскурсий и общения в путешествиях. Рынок жилья Airbnb предлагает доступ к миллионам мест для проживания в более чем 190 стран мира.

У Airbnb есть централизованная продуктовая группа, которая участвует в маркетинговых проектах. Компания использует большое количество тегов веб-сайтов, в том числе уникальный тег для каждой из своих многочисленных учетных записей Google Ads. А также другие теги для множества поставщиков, которые измеряют различные типы конверсий.

Чтобы удовлетворить потребности поставщиков, многие теги придется дублировать несколько раз. В какой-то момент у Airbnb стало 88 различных списков аудиторий и 100 разных тегов. Чтобы предотвратить возникновение несогласований  между операционными и маркетинговыми командами, Airbnb потребовалась надежная система управления тегами. Первое решение, которое попробовала компания, оказалось безуспешным. Для реализации тегов требовались значительные технические знания, а также дополнительные инструменты для контроля качества. Это было слишком дорого.

Изучив альтернативные решения, Airbnb решил перенести свои теги на Google Tag Manager. На решение повлиял ряд факторов. Во-первых, компания уже использовала несколько инструментов Google, поэтому переход на шаблоны диспетчера тегов стал достаточно легким. Обширные функции контроля качества и отчетности в GTM упростили локальное тестирование и развертывание тегов. По словам Марии Хванг, руководителя отдела онлайн-маркетинга Airbnb, стандартная настройка была простой и не потребовала много времени для внедрения. Airbnb также создал уровень данных, позволяющий компании поддерживать диспетчер тегов и разрешать ремаркетинг.

Мария и ее команда могут быстро создавать теги от поставщиков и отправлять их команде инженеров для внедрения. «С точки зрения маркетолога это намного проще, чем когда-либо прежде», — говорит Мария.

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

Мона Ганди, инженер-программист Airbnb, отзывается о GTM положительно: «С диспетчером тегов от получения тега до тестирования, контроля качества и развертывания проходит около часа. Это гораздо лучше в перспективе для всех процессов».

Решение также обеспечило возможность реализации совершенно новых маркетинговых стратегий. Компания смогла расширить маркетинговую деятельность на несколько рекламных аккаунтов, а GTM упростил объединение всех тегов. Теперь сотрудники предварительно форматируют заготовки тегов таким образом, чтобы достаточно было заменить всего несколько данных для создания нового образца. Компании стало проще пробовать новые инструменты, использовать больше сторонних поставщиков и запускать новые рекламные программы на любой платформе, где требуется тегирование веб-сайтов.

Google Tag Manager: как установить на сайт

Рассмотрев преимущества работы с сервисом, перейдём к практике и расскажем, как добавить Google Tag Manager на собственный сайт. Для начала перейдите на страницу GTM и создайте аккаунт.

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

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

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

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

После интеграции сайта и системы GTM начнём главный процесс — создание тегов.

Настройка Гугл Тег Менеджер: теги и триггеры

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

А если же всё в порядке, тогда идем дальше!. Первое, что стоит сделать после регистрации в Google Tag Manager — узнать, как настроить теги. Для этого необходимо посетить соответствующий раздел, в который можно перейти с главной страницы аккаунта. 

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

Триггер — слово, образованное от английского определения «trigger», что значит в переводе «спусковой крючок» или «импульс». То есть это причина, по которой происходят события.

Далее появится возможность выбора типа тега: можно отслеживать продажи, конверсии в Google Ads, поведение пользователей в Google Analytics и многое другое. В примере мы выберем тег для Google Analytics 4.

После выбора конфигурации необходимо указать параметры и настройки. Укажите идентификатор аккаунта Google Analytics. Это позволит  связать системы.

Идентификатор аккаунта — строка числового вида, получить которую можно в настройках GA.

Далее задайте название тега и укажите приоритеты активации.

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

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

В качестве триггера, активирующего теги можно задать:

  • события;
  • определённую глубину просмотра ресурса;
  • специально созданное событие;
  • клики;
  • действия пользователей;
  • просмотры видео.

Выберите интересующий вас вариант, в зависимости от задачи тега.

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

Что же ещё можно делать при помощи менеджера тегов?

Настройка электронной коммерции Google Tag Manager

Google Tag Manager поможет отследить результаты электронной торговли на сайте. При помощи менеджера тегов легко отслеживать конверсии, продажи и прочие факторы интереса пользователя к товарам. Делается это благодаря настройкам описанных выше разделов: триггеров и тегов. Но для активации системы отслеживания, сначала нужно настроить функцию e-commerce в Google Analytics.

Активация e-commerce в Google Analytics

Нажмите на шестерёнку настроек в левом нижнем углу экрана и перейдите панель «Администратор». Далее нажмите на нужное нам представление — «Настройка электронной торговли».

 Теперь установите для параметра «Включить электронную торговлю» значение ВКЛ.

После сохранения этой настройки можно отслеживать продажи на сайте с помощью Google Analytics. 

Дальнейший план действий следующий:

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

Готовы внедрить отслеживание электронной торговли с помощью диспетчера тегов Google? Разберём оставшиеся пункты!

Код отслеживания e-commerce на сайте

Как работает отслеживание электронной торговли? После того, как пользователь совершит покупку и будет перенаправлен на страницу подтверждения заказа, это зафиксирует система Google Analytics. Отправляя данные транзакций в GA, например, общий объем заказов или приобретенные продукты, можно открыть новые возможности отчетности и увидеть, как маркетинговые кампании на самом деле влияют на онлайн-продажи.

Стандартные отчеты по электронной торговле в Google Analytics позволяют анализировать покупательскую активность на сайте или в приложении. Можно увидеть информацию о продукте и транзакции, среднюю стоимость заказа, коэффициент конверсии электронной торговли, время до покупки и другие данные.

Для отслеживания всех этих параметров разработчик должен внести изменения в код отслеживания.

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

С данными, которые система даёт возможность транслировать, можно ознакомиться в официальной инструкции Google. 

Как настроить Google Tag Manager для отслеживания электронной торговли

Для дальнейшего отслеживания электронной коммерции необходимо:

  1. Создать тег, который будет отправлять данные о покупке на серверы Google.
  2. Создать триггер, который будет запускать этот тег транзакции.

Создадим тег по уже знакомому алгоритму. 

Перейдите на главную страницу Google Tag Manager и нажмите на окно «Добавить новый тег».

Для отслеживания электронной торговли подойдёт один из тегов Google Analytics. Выбирайте удобную для вас версию. А если вы хотите перейти со старой версии Universal Analytics на GA4 — прочитайте нашу подробную инструкцию.

Теперь переходим к настройке триггера, который активирует тег электронной торговли. О покупке товара или об интересе пользователя к определённой его категории может говорить множество вещей. Например:

  • просмотр страницы в течение 30 секунд и более;
  • просмотр карточек нескольких товаров;
  • добавление товара в корзину;
  • добавление товара в раздел «Избранное» на сайте;
  • оплата.

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

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

В описанном примере вы сочтёте результативным рекламным каналом e-mail рассылку. Хотя, она является действительно таковой всего от части. В процессе принимала участие и органическая выдача, и таргетинг, и рассылка по электронной почте. Добавляйте промежуточные конверсии и следите за всеми рекламными каналами. Сделать это поможет сквозная аналитика. 

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

Теперь тег готов! После перечисленных действий настройки необходимо протестировать. Для этого на главной странице Google Tag Manager нужно найти окно предварительного просмотра.

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

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

 Обработка информации и её отображение занимает некоторое время, как правило, до 24 часов. Затем данные о продажах появятся в отчетах Google Analytics по электронной торговле. 

Заключение

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

Частые вопросы

Сколько времени занимает настройка Google Tag Manager?

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

Полезен ли Google Tag Manager для e-commerce?

Весьма! Если вы управляете каким-либо сайтом, который принимает денежные транзакции и используете Google Analytics, настроить отслеживание при помощи Google Tag Manager значительно проще. Если ещё сомневаетесь, прочитайте кейс Airbnb в начале этой статьи.

Как установить Гугл Тег Менеджер на сайт?

Создайте аккаунт в Google Tag Manager. Система сгенерирует специальный код. Его нужно добавить на сайт. Доверьте эту работу техническому специалисту. А если ваш сайт сделан на платформе-конструкторе, то этот шаг легко выполнить самостоятельно. Об этом мы пишем во второй главе статьи. После установки кода на сайт можно создавать в менеджере теги и триггеры уже без внесения дополнений в код.

Следующая статья: « Электронная коммерция в Яндекс.Метрике: как правильно настроить аналитику для интернет-магазина

Содержание

  • Зачем нужен сервис Гугл Тег Менеджер
  • Google Tag Manager: как установить на сайт
  • Настройка Гугл Тег Менеджер: теги и триггеры
  • Настройка электронной коммерции Google Tag Manager
  • Заключение

Оцените статью:

Средняя оценка: 4. 6 Количество оценок: 8

Понравилась статья? Поделитесь ей:

Подпишитесь на рассылку ROMI center: Получайте советы и лайфхаки, дайджесты интересных статей и новости об интернет-маркетинге и веб-аналитике:

Вы успешно подписались на рассылку. Адрес почты:

Читать также

Как увеличить продажи в несколько раз с помощью ROMI center?

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

Запланировать презентацию сервиса

Попробуйте наши сервисы:

  • Импорт рекламных расходов и доходов с продаж в Google Analytics

    Настройте сквозную аналитику в Google Analytics и анализируйте эффективность рекламы, подключая Яндекс Директ, Facebook Ads, AmoCRM и другие источники данных за считанные минуты без программистов

    Попробовать бесплатно

  • Импорт рекламных расходов и доходов с продаж в Яндекс Метрику

    Настройте сквозную аналитику в Яндекс. Метрику и анализируйте эффективность рекламы, подключая Facebook Ads, AmoCRM и другие источники данных за считанные минуты без программистов

    Попробовать бесплатно

  • Система сквозной аналитики для вашего бизнеса от ROMI center

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

    Попробовать бесплатно

  • Сквозная аналитика для Google Analytics позволит соединять рекламные каналы и доходы из CRM Получайте максимум от рекламы, объединяя десятки маркетинговых показателей в удобном и понятном отчете. Отслеживайте окупаемость каждого рекламного канала и перестаньте сливать бюджет.

    Подробнее → Попробовать бесплатно

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

    Подробнее → Попробовать бесплатно

  • Сквозная аналитика от ROMI позволит высчитывать ROMI для любой модели аттрибуции Получайте максимум от рекламы, объединяя десятки маркетинговых показателей в удобном и понятном отчете. Отслеживайте окупаемость каждого рекламного канала и перестаньте сливать бюджет.

    Подробнее → Попробовать бесплатно

Что такое Google Tag Manager и как его настроить

13775 42

How-to – Читать 9 минут

Прочитать позже

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

Инструкцию одобрила
SEO-специалист в Импульс-Дизайн

Оксана Артюшенко

Что такое Диспетчер тегов Google

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

Теги, которые применяются для сбора аналитической информации, отличаются от стандартных HTML-тегов, таких как <body>, <div> или <p>. В Google Tag Manager (сокращенно GTM) теги — это короткие HTML-коды, позволяющие упростить интеграцию сервисов и продуктов на проекте. Например, кода отслеживания Google Analytics.

Благодаря GTM не требуется добавлять подобные теги в программный код ресурса. Их можно настраивать и публиковать в интерфейсе Диспетчера тегов и не привлекать для этой цели программистов.

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

GTM позволяет рационализировать трудовые процессы и уберечь себя от возможных ошибок. GTM применяют для добавления таких тегов:

  • кодов отслеживания поисковых систем;
  • кодов ремаркетинга контекстной рекламы в поисковиках и соцсетях;
  • отслеживания просмотров определенных страниц или контента;
  • нажатия каких-либо кнопок;
  • скроллинга;
  • отправки форм;
  • Google опросов об удовлетворенности посетителей сайтом;
  • отслеживания переходов по внешним и внутренним ссылкам;
  • сложных действий, например, добавления или удаления определенных товаров в корзину и многое другое.

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

Google Tag Manager: обучение перед началом использования

В начале освоения GTM стоит продумать ряд нюансов:

  • определить, какие сотрудники будут управлять аккаунтом. Необходимо, чтобы в случае увольнения определенного специалиста в компании оставался другой сотрудник с доступом в систему;
  • при работе с несколькими доменами желательно для каждого из них создавать отдельные контейнеры. Однако при визуально одинаковых сайтах и наборах тегов предпочтительнее использовать один общий контейнер;
  • определить, какие сведения нужно получать, проанализировать существующие теги и составить список новых. Для отслеживания действий, осуществляемых на уникальных целевых страницах, будет достаточно стандартных тегов, которые можно добавить в контейнер с помощью GTM.

    Например, после оформления пользователем заказа показывается страница с благодарностью, размещенная по адресу site.ru/success-order.html. В таком случае отслеживать конверсии можно при помощи тега, активирующегося при переходе на указанную страницу.

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

Google Tag Manager: установка шаг за шагом

Создание аккаунта и контейнера

Начать следует с создания аккаунта в сервисе:

Нужно указать название аккаунта и страну, где работает ресурс. Также необходимо внести параметры контейнера: название и тип — для веб-сайта, AMP-страниц или мобильных приложений:

Далее необходимо принять Соглашение об условиях использования GTM:

Затем будет сгенерировано два фрагмента кода, один требуется добавить на все html-страницы проекта после открывающего тега <head>, а второй — в начале раздела <body> :

Далее для корректной работы сервиса желательно удалить все размещенные коды отслеживания поисковых систем на проекте и перенести их в контейнер Диспетчера тегов. Чтобы это сделать, нужно добавить тег Google Аналитики (Universal Analytics) и создать пользовательский тег для Яндекс.Метрики.

Как добавить тег Google Universal Analytics

Перед добавлением тега отслеживания создадим переменную, которая будет использоваться для хранения идентификатора Google Analytics. Перейдем с этой целью в раздел «Переменные»:

Выберем «Создать»:

Затем нам понадобится номер идентификатора из Google Analytics, который можно скопировать в настройках, перейдя в раздел «Администратор» — «Отслеживание» — «Код отслеживания»:

После этого даем имя переменной и выбираем ее тип — «Константа», затем вносим идентификатор в формате UA-XXXXXX-X и нажимаем «Сохранить»:

Потом нажмем «Создать» в разделе «Теги»:

Внесем подходящее название тега и выберем конфигурацию:

Тип тега:

Затем изменяем конфигурацию тега — переопределяем настройки и выбираем в качестве идентификатора отслеживания ранее созданную переменную, сохраненную с именем «UA»:

После этого завершаем настройку — выберем как условие активации тега триггер «All pages», чтобы отслеживать просмотры всех страниц, и нажмем «Сохранить»:

Для активации тега сначала необходимо нажать «Отправить»:

После этого — «Опубликовать»:

Добавление пользовательского тега для Яндекс. Метрики

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

Для создания тега введем название «Яндекс.Метрика», добавим код отслеживания, выберем триггер активации «All pages» и нажмем «Сохранить»:

Затем нужно отправить и опубликовать тег.

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

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

Создаем новый тег с именем «Просмотр акций» и типом «Universal Analytics»:

Выбираем конфигурацию тега — «Просмотр страницы»:

Затем указываем константу Google Analytics. После этого добавляем триггер активации с настройками «Просмотр страниц» — «Некоторые просмотры страниц» и указываем необходимый URL-адрес:

После сохранения изменений и публикации контейнера данные о посещениях страницы с акциями будут добавляться в отчет Google Analytics.

Аналогичную статистику можно получать, если установить данную цель в Google Analytics в разделе «Настройки»:

Выбираем тип цели «Собственная» и нажимаем «Далее»:

Затем добавляем название цели и указываем тип «Целевая страница»:

Последнее действие — указать переход на нужный URL-адрес:

Данные о всех достигнутых целях представления будут отображаться в отчете «Конверсии»:

Динамический ремаркетинг в Google Tag Manager

Динамический ремаркетинг позволяет показывать пользователю, который интересовался ранее определенным товаром на сайте или в мобильном приложении, рекламное объявление именно с этим товаром.

Для настройки динамического ремаркетинга необходимо:

Добавить на все страницы ресурса тег ремаркетинга Google Рекламы. Для этого нажмем «Добавить новый тег»:

Выбрать конфигурацию тега «Ремаркетинг в Google Рекламе»:

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

Настроить условия, при которых будет активироваться данный тег, — триггеры активации. У каждого тега должен быть хотя бы один триггер, иначе он не активируется.

Выбор осуществляется в разделе «Триггеры» тега:

Здесь можно выбрать одно из предложенных условий активации, например, «Глубина прокрутки», или добавить пользовательское событие:

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

Междоменное отслеживание Google Tag Manager

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

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

Для настройки корректного сбора статистики нужно выбрать тег c конфигурацией Universal Analytics. Затем выбрать «Включить переопределение настроек в этом теге», перейдем в «Дополнительные настройки» — «Междоменное отслеживание»:

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

Зададим название поля как «allowLinker», а значение установим «true». После этого нажмем «Сохранить» и опубликуем контейнер.

Заключение

Google Tag Manager — инструмент, позволяющий тонко настраивать отслеживание определенных действий посетителей сайтов в любой сфере. При помощи GTM можно легко и быстро установить следующие теги:

  • коды отслеживания Google Universal Analytics;
  • сбор данных для отчета о расширенной электронной торговле;
  • отслеживание посещения определенных страниц, совершения звонков, конверсий в Google Рекламе;
  • ремаркетинга;
  • пользовательские теги для Яндекс.Метрики и другие варианты для разностороннего отслеживания и оптимизации.

Сэкономьте время на изучении Serpstat

Хотите получить персональную демонстрацию сервиса, тестовый период или эффективные кейсы использования Serpstat?

Оставьте заявку и мы свяжемся с вами 😉

Оцените статью по 5-бальной шкале

4.63 из 5 на основе 8 оценок

Нашли ошибку? Выделите её и нажмите Ctrl + Enter, чтобы сообщить нам.

Рекомендуемые статьи

How-to

Denys Kondak

Как создать тему в WordPress вручную и с помощью генераторов

How-to

Denys Kondak

Что такое компоновщик URL и зачем он нужен

How-to

Denys Kondak

Что такое UTM-метки и как их использовать

Кейсы, лайфхаки, исследования и полезные статьи

Не успеваешь следить за новостями? Не беда! Наш любимый редактор подберет материалы, которые точно помогут в работе. Только полезные статьи, реальные кейсы и новости Serpstat раз в неделю. Присоединяйся к уютному комьюнити 🙂

Нажимая кнопку, ты соглашаешься с нашей политикой конфиденциальности.

Поделитесь статьей с вашими друзьями

Вы уверены?

Спасибо, мы сохранили ваши новые настройки рассылок.

Сообщить об ошибке

Отменить

Подключение Google Tag Manager

Как расширить возможности веб-аналитики и эффективно использовать маркетинговые сервисы на сайте

Tilda Education

Многие могут создать сайт, но теряются, когда нужно подключить дополнительные сервисы. Google tag manager — бесплатный инструмент Google для сайта, в котором удобно подключать коды разных сервисов и управлять ими, не привлекая технических специалистов.

Содержание

Что такое Google Tag Manager
Преимущества использования GTM для сайта
Подключаем и настраиваем Google Tag Manager
Опыт использования GTM на сайтах
Практика: настраиваем Google Tag Manager на сайте

Что такое Google Tag Manager

Кроме сервисов веб-аналитики (Google Analytics и Яндекс. Метрики), в помощь маркетологу и владельцу сайта есть десятки инструментов:

  • Сервисы ремаркетинга
    и ретаргетинга (Adroll, ВКонтакте, myTarget и другие рекламные системы) — так можно «догнать» людей, которые еще не сделали заказ, или допродать что-нибудь тем, кто уже заказал;
  • Сервисы оптимизации конверсии (Yagla), которые адаптируют контент сайта в зависимости от заданных факторов — поискового запроса или источника, с которого пришел посетитель;
  • Виджеты заказа обратного звонка, онлайн-консультанта, социальных сетей, персональных товарных рекомендаций (Callbackhunter, Retail Rocket), которые помогают продажам.

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

Ремаркетинг

Рекламный механизм, который позволяет обращаться к пользователям, которые раньше уже посещали ваш сайт или работали с вашим приложением.

Ретаргетинг

Рекламный механизм, с помощью которого онлайн-реклама направляется тем пользователям, которые уже видели рекламируемый продукт.

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

С Google Tag Manager можно делать все нужные интеграции без технической подготовки и привлечения других специалистов. Установленные коды сервисов хранятся в специальном контейнере. GTM хранит историю изменений, если что-то сломается или перестанет работать. При этом в коде сайта не нужно ничего менять — достаточно внести изменения в контейнере GTM и опубликовать их.

Как работает Google Tag Manager

  1. Размещаете у себя на сайте или в мобильном приложении код контейнера GTM.
  2. Через интерфейс GTM устанавливаете на сайт нужные сервисы (Google Analytics или Яндекс. Метрики, сервисы ретаргетинга/ремаркетинга и т. д.) и события (триггеры), при которых сервисы будут активироваться — загрузка страницы, отправка формы, нажатие на кнопку и т. д.

Дмитрий Салко

Интернет-маркетолог, руководитель агентства Diagrun digital

Никого уже не удивишь веб-аналитикой

Яндекс.Метрику и Google Analytics ставят на сайты все. Но если с установкой кода счетчика на сайт маркетологи научились справляться, то с настройками целей обычно есть проблемы.

Даже те, кто понимает, зачем нужны цели, не может их настроить без помощи программиста.

Google осознал глубину проблемы и выпустил Google Tag Manager. Установив код GTM на сайт, маркетолог, не имеющий знаний в программировании (главное — чтобы он был любопытным и не ленивым), сможет и счетчики установить, и цели настроить.

Еще GTM позволяет расшифровать UTM-метку и отправить ее в Google Analytics более точно, чем это делает сам счетчик (актуально для анализа рекламы в Яндекс. Директ). С помощью этого инструмента можно также скорректировать безумные цифры по отказам на одностраничных сайтах, добавив тег с таймером. И это только некоторые возможности.

Если вы используете 1−2 сторонних сервиса, необходимости в установке GTM нет. Если больше — в них легко запутаться. GTM помогает ориентироваться в используемых сервисах — в интерфейсе видно, на каких страницах сайта они установлены и к каким событиям привязаны.

Алексей Иванов

Директор агентства ISEE Marketing, специалист по онлайн-привлечению клиентов

Кому нужен Google Tag Manager

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

Рекомендую GTM не только владельцам сайтов, которые хотят хранить коды сервисов в одном месте, но и тем, кто хочет облегчить настройку веб-аналитики.

На одностраничных сайтах GTM помогает измерить более точный показатель отказов (как известно, Google Analytics считает, что посетитель провел на сайте 0 секунд, если он открыл его и не совершил больше никаких действий (к примеру, не отправил заявку), а ведь при этом посетитель мог записать номер телефона или другой контакт, почитать отзывы.

На более сложных сайтах (корпоративных, интернет-магазинах), которые хотят отслеживать выполнение целевых действий и учитывать офлайн-конверсии (с GTM удобно настраивать любые цели в Google Analytics самостоятельно), а также передавать идентификатор клиента в CRM.

Зачем использовать GTM, если есть статистика Google

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

Преимущества использования GTM для сайта

Удобство и экономия времени — функция отладчика позволяет проверить работу контейнера, не меняя ничего на сайте

Не нужно каждый раз просить программиста изменить код — можно сделать контейнер самому и проверить на корректность в интерфейсе GTM

Легкая отмена изменений — если сделали что-то не так, всегда можно быстро «откатиться» до предыдущей версии

Многопользовательский режим — пространство для работы разных команд — в GTM есть возможность настроить три «рабочие области» — например, для параллельной работы аналитиков, маркетологов и рекламщиков.

Режим многопользовательской работы в Google Tag Manager

Павел Кац

Управляющий партнер Агентства интернет-продаж 5 o`click

Google Tag Manager упростил всем работу

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

Для каждой системы надо было настраивать цели — то есть опять просить разработчиков, править код, ставить события и т. д. Если клиент просил агентство настроить аналитику, приходилось общаться по треугольнику

Клиент → Разработчики → Агентство.

С GTM все стало проще — лезть в сайт больше не нужно. Все настраивается на стороне GTM. Можно хоть каждый день перенастраивать цели.

Подключаем и настраиваем Google Tag Manager

Словарь GTM

Теги — фрагменты кода, которые нужны для установки на сайт сторонних сервисов.

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

Переменные уточняют триггеры и теги.

Например, переменная URL к триггеру «Просмотр страницы» определяет, какая именно страница нас интересует — главная, страница контактов, каталог.

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

Поставить на сайт контейнер GTM вы можете самостоятельно, даже если создаете свой первый сайт. С помощью инструкции вы установите на сайт (в том числе в Тильде) коды Яндекс. Метрики и Гугл Аналитикс и код ретаргетинга в Вконтакте (он позволит отслеживать посетителей нужных страниц сайта, чтобы показывать им потом рекламу в Вк).

Пошаговая инструкция

Авторизуйтесь на сайте GTM с помощью аккаунта в Google (если у вас нет аккаунта, сервис предложит сначала создать его, а затем перейти в GTM) и укажите в настройках контейнера адрес сайта, на котором он будет установлен.

Для установки диспетчера тегов GTM на сайте укажите идентификатор контейнера в настройках сайта на Тильде (раздел «Аналитика&SEO»).

Заполните в интерфейсе GTM контейнер нужными тегами. Для добавления статистики Google Analytics нужно ввести только идентификатор счетчика.

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

Код установки пикселя для ретаргетинга ВКонтакте можно взять в разделе «Таргетинг» в рекламном кабинете

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

Используя триггеры, вы сможете отслеживать выполнение целей на сайте и другие интересные вам показатели на одной или нескольких страницах сайта. При этом базовые коды счетчиков (например, Яндекс. Метрики) и ретаргетинга рекламных систем (например, ВКонтакте или Фейсбука) обязательно должны быть установлены на каждой странице для мониторинга общих показателей сайта.

Настройка триггера на просмотр определенной страницы сайта

Проверьте корректность контейнера в режиме предварительного просмотра перед публикацией:

Предварительный просмотр показывает возможные ошибки в контейнере и открывает на сайте панель отладки

В режиме отладки видно, если какой-то из тегов установлен неправильно (Tags Not Fired On This Page/Теги на этой странице не выполняются)

Теги настроены правильно — Tags Fired On This Page

Опубликуйте контейнер, указав описание версии для себя (в описании лучше перечислить, какие сервисы установлены и при каких событиях они срабатывают):

Проверьте корректность размещения контейнера: установите расширение для Хрома Google tag assistant и запустите его во вкладке с нужным сайтом (успешные установки отмечены зеленым флажком).

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

Андрей Осипов

Основатель «Школы веб-аналитики Андрея Осипова»

Советы по настройке GTM для сайта на Тильде

При работе с Тильдой есть свои особенности в настройке GTM, зная которые, можно сэкономить время.

Всплывающие окна (попапы) отображаются в адресной строке через символ #:

Этот символ не воспринимается Google Analytics, поэтому хорошим решением будет менять URL, который мы отправляем в GA, меняя # на / или же добавлять его к странице, которую мы отправляем в Google Analytics:

Не указывайте в настройках сайта на Тильде одновременно идентификатор Google Analytics и идентификатор контейнера Google Tag Manager. Используйте только Google Tag Manager.

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

Опыт использования GTM на сайтах

Дмитрий Салко

Интернет-маркетолог, руководитель агентства Diagrun digital

Уточняем показатель отказов на одностраничном сайте

Показатель отказов в Google Analytics — это процент посетителей, которые ушли с сайта после посещения одной страницы, а длительность посещения определяется, когда посетитель совершает какое-то действие (отправляет заявку, переходит на другую страницу).

Поэтому на одностраничном сайте данные GA часто некорректны (показатель отказов может доходить до 100%), а, значит, нельзя корректно проанализировать качество трафика и улучшить рекламную кампанию.

Тег в Google Tag Manager может решить эту проблему — мы можем установить время (от 10 секунд), которое не будет считаться отказом.

Как настроить таймер на примере сайта транспортной компании

Добавляем в GTM тег Universal Analytics

Создаем для этого тега триггер типа «Таймер», где задаем интервал в миллисекундах (15 000 мс = 15 с):

Готово! Теперь в Google Analytics показатель отказов будет считываться корректно.

Андрей Осипов

Основатель «Школы веб-аналитики Андрея Осипова»

Настраиваем цели и передаем идентификатор клиента из GTM в Google Analytics

Чтобы отслеживать целевые действия на сайте, нужно завести цель в Google Analytics и разместить нужный скрипт в коде сайта. Google Tag Manager может передавать данные о целевом действии в Google Analytics без внесения изменений в код сайта.

Как можно отслеживать отправку формы с помощью GTM на примере сайта школы веб-аналитики

В GTM есть триггер «Отправка формы». Он нам подойдет, если на сайте есть только одна форма, потому что при успешном заполнении формы появляется событие gtm.formSubmit.

Если форм больше, лучше в качестве триггера выбирать пользовательское событие (custom event), где в качестве имени события указать идентификатор формы из Tilda.

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

С сайтом на Tilda можно настроить передачу идентификатора клиента (clientID) с формы, по которому в дальнейшем можно интегрировать CRM и Google Analytics. Чтобы это сделать, добавьте в настройках формы в Tilda скрытое поле (cid).

Затем создайте в GTM новый тег типа «Пользовательский HTML» и напишите туда такой код: 

<script> 
$('[name = "cid"]').val({{cid}}) 
</script>

В переменной {{cid}} будет лежать нужное нам значение — оно будет передаваться в Google Analytics.

Практика: настраиваем Google Tag Manager на сайте

Разберем настройку контейнера Google Tag Manager с двумя тегами для сайта на Тильде.

Сначала установим тег Google Analytics — для этого создайте аккаунт в GA, скопируйте его идентификатор (он имеет вид UA-XXXXXXXX-X) и создайте в Google Tag Manager тег «Классический Google Analytics» с такими настройками:

Второй тег будет собирать базу ретаргетинга для «ВКонтакте»: ID аккаунтов в ВК из числа посетителей сайта (этим людям можно в дальнейшем показывать напоминающую рекламу или рекламу других товаров/услуг).

Сбор базы ретаргетинга «ВКонтакте»

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

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

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

Пример. Собираем базу посетителей сайта, оформивших предзаказ билета на мероприятие

На сайте прошлогодней конференции размещена форма предзаказа билета на следующее событие.

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

Настраиваем на стороне ВК: создаем в рекламном кабинете пиксель для сайта и получаем код для вставки на сайт.

На основе пикселя создаем аудиторию для рекламы — собираем всех посетителей сайта за все время (дальше в GTM настроим условие сбора только тех посетителей, кто заполнил форму заявки).

Переходим в Google tag manager и запускаем предварительный просмотр сайта (нажимаем в интерфейсе «Предварительный просмотр» и открываем сайт в новой вкладке браузера).

Вводим тестовый адрес почты и нажимаем кнопку «Напомнить мне о РИМ’18».

В Summary диспетчера тегов появляются две новых строчки — pageView и submit_form4126524. Выбираем Variables (Переменные) и последнюю строчку — нужное нам событие (заполнение формы).

Значение переменной _event (submit_form4126524) используем при создании триггера типа «Пользовательское событие».

Cоздаем тег типа «Пользовательский HTML» с триггером «Предзаказ билетов РИМ’18»

Проверяем работоспособность созданного тега в предварительном просмотре: заполняем форму, нажимаем кнопку «Напомнить мне о РИМ’18»; если все настроено правильно, мы увидим, что тег «Предзаказ РИМ’18» сработал.

Google Tag Manager облегчает работу со сторонними сервисами на сайте и уточняет веб-аналитику, заменяя одним контейнером десяток разных скриптов. Используйте интеграцию GTM с сайтом на Тильде — это сэкономит ваше время и исключит ошибки при добавлении кодов на сайт.

Текст: Юлия Иванова
Иллюстрации, дизайн и верстка: Юлия Засс

Если материал вам понравился, расскажите о нем друзьям. Спасибо!

Читайте также:

Как работает SEO: основные принципы сео продвижения сайтов

Создание сайта по формуле AIDA — как привлечь пользователей на сайт

Повышение конверсии рекламы: как увеличить конверсию из рекламного трафика

Создание Email-рассылки: как сделать рассылку по email самостоятельно

ФЗ-54: как предпринимателю перейти на онлайн-кассу

Зачем нужно создание UTM-меток — как отследить эффективность сайта

Закон о защите персональных данных — как избежать штрафов

SEO-кейс: продвижение онлайн-магазина

Как повысить конверсию сайта — 12 психологических приемов

Обучение интернет-маркетингу: 130+ лучших ресурсов от профессионалов

Продвижение в социальных сетях (СММ) бизнеса товаров и услуг

Аналитика сайта — как повысить конверсию сайта, используя веб-аналитику

Показать больше

Что такое Диспетчер тегов Google? (и зачем это нужно вашему сайту)

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

Этот родственный продукт Google Analytics упрощает отслеживание действий пользователей и производительности сайта для вас и вашей команды. Что такое Диспетчер тегов Google? Продолжайте читать, чтобы узнать!

Кроме того, узнайте, почему вам следует использовать Диспетчер тегов Google и как он работает вместе с Google Analytics. Более того, получите простой обзор преимуществ и недостатков этого бесплатного инструмента.

Что такое Диспетчер тегов Google?

Диспетчер тегов Google — это бесплатный инструмент управления тегами, который помогает создавать, управлять и запускать теги HTML или JavaScript. Эти теги отслеживают аналитические данные на веб-сайтах или в мобильных приложениях, а также передают эти данные платформам веб-аналитики, таким как Google Analytics.

В чем разница между Диспетчером тегов Google и Google Analytics?

Хотя оба бесплатных инструмента от Google, Google Analytics и Диспетчер тегов Google выполняют разные функции. Диспетчер тегов Google фокусируется на том, какие данные отслеживать, когда их регистрировать и куда отправлять.

Для сравнения, в Google Analytics хранятся данные, которые вы можете просматривать и интерпретировать с помощью отчетов.

Что делает Диспетчер тегов Google?

С помощью GTM вы можете создавать собственные теги, триггеры и переменные во фрагменте контейнера (подробнее об этом ниже). Эти компоненты оптимизируют и автоматизируют процесс отслеживания поведения пользователей на вашем веб-сайте или в мобильном приложении.

Они также устраняют трудоемкие шаги, связанные с отслеживанием тегов и управлением тегами через Google Analytics. Диспетчер тегов Google выполняет эти задачи, заменяя вручную закодированные теги на вашем сайте или в приложении. Если на вашем веб-сайте используются теги отслеживания, например, для Google Analytics и Google Ads, вы можете заменять, обновлять и управлять ими с помощью GTM.

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

6 важнейших компонентов GTM

Прежде чем вы решите использовать GTM в своей стратегии, вам необходимо понять шесть его основных компонентов: теги автоматически. Теги Отслеживает действие, например покупку, и отправляет эти данные в такое место, как Google Analytics. Триггеры Описывает действие, например завершение покупки, которое запускает соответствующий тег триггера. Переменные Действует как заполнитель для изменяющегося значения, например, цены продукта или URL-адреса. Значения Описывает статическое и определяемое пользователем значение, например URL-адрес страницы, для триггера. Операторы Перечисляет необходимые отношения между переменной и значением. Когда переменная и значение соответствуют требованиям, триггер может сработать. После срабатывания триггера тег может собирать и отправлять соответствующие данные на назначенную платформу, например в Google Analytics.

1. Фрагмент-контейнер

Фрагмент-контейнер играет важную роль в Диспетчере тегов Google. Это связано с тем, что фрагменты контейнеров позволяют автоматически обновлять теги страниц или приложений. Вместо того, чтобы копировать и вставлять свой последний тег отслеживания на страницу, вы можете изменить тег в Диспетчере тегов Google.

Фрагмент контейнера будет обновлен на вашей странице. В каждом контейнере у вас будет следующее:

  • Теги
  • Триггеры

При создании учетной записи GTM вам потребуется хотя бы один фрагмент контейнера.

2. Теги

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

Например, ваша компания может захотеть отслеживать покупки продуктов, видео-взаимодействия или конверсии из недавней рекламной кампании.

3. Триггеры

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

Вы можете указать эти действия с помощью триггера. Триггер состоит из трех частей:

  • Переменные
  • Операторы
  • Значения

Для точного отслеживания можно создать несколько триггеров для одного тега. Независимо от того, сколько триггеров вы создадите, убедитесь, что они функционируют должным образом. Если вы пропустите тестирование своих тегов и триггеров, то через несколько месяцев (или лет) обнаружите, что собираете неверные данные.

Следовательно, это может оказать огромное влияние на вашу цифровую маркетинговую и даже рекламную стратегию.

4. Переменные

Переменные служат заполнителями для значений и включают:

  • Встроенные переменные
  • Пользовательские переменные

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

5. Значения

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

Или может потребоваться меньшее значение. В качестве примера рассмотрим следующую переменную, оператор и значение для триггера:

  • Переменная: {{url}}
  • Оператор: равно
  • Значение: /application-accepted. html

Из-за этих значений этот триггер сработает только в том случае, если URL-адрес (переменная) равен /application-accepted.html (значение). Компания может использовать этот тип триггера для отслеживания и разделения конверсий, например, приложений и покупок.

6. Операторы

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

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

  • «равно»
  • «содержит»
  • «не содержит»

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

4 преимущества Диспетчера тегов Google

Диспетчер тегов Google предлагает несколько преимуществ, в том числе:

1.
Оптимизация совместной работы

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

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

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

В зависимости от вашего бизнеса вы можете использовать теги Google (например, Google Ads и Google Analytics) только для просмотра данных своего веб-сайта или приложения. Однако по мере роста вашей компании вы можете столкнуться с потребностью в сторонних платформах, и именно здесь это преимущество GTM становится ценным. С помощью GTM вы можете создавать теги для ряда сторонних платформ.

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

3. Проверка на наличие ошибок для быстрого решения проблем

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

4. Мгновенное добавление и обновление тегов

Самое значительное преимущество GTM заключается в его способности быстро обновлять настройки отслеживания. Независимо от того, используете ли вы один или несколько фрагментов контейнера на своем сайте, вы можете рассчитывать на то, что Диспетчер тегов Google будет обновлять теги, триггеры и переменные в этих фрагментах в момент их обновления. Эта функция устраняет трудоемкий процесс копирования и вставки новых фрагментов на страницы.

2 недостатки Google Tag Manager

Хотя GTM предлагает несколько преимуществ, он также имеет несколько недостатков, включая следующие два:

1. Требуется опыт разработчика

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

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

2. Включает длительный процесс миграции для крупных сайтов.

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

Если у вас есть сайт на 25 или 50 страниц, копирование и вставка фрагмента контейнера может оказаться утомительной задачей. Хотя обходного пути для этого недостатка нет (кроме использования опыта разработчика), переход на GTM, скорее всего, станет неизбежным. Позаботьтесь об этом до того, как ваша компания создаст больше страниц и увеличит рабочую нагрузку для миграции.

Хорошие агентства имеют более 50 отзывов.

Лучшие агентства имеют более 100 отзывов.

WebFX имеет

более 1020+ блестящих отзывов клиентов.

Посмотрите, что выделяет нас

Насколько легко использовать GTM для предприятий?

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

В большинстве случаев команды, использующие Диспетчер тегов Google (например, отделы маркетинга или рекламы), не имеют опыта разработки, который мог бы упростить внедрение и использование GTM.

«Если вы решите использовать Диспетчер тегов Google, ожидайте обучения. Вам нужно будет немного почитать, пройти несколько курсов и пройти практическое обучение, чтобы освоиться с GTM. Однако это стоит потраченного времени и усилий».

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

Чтобы освоиться с GTM, вам нужно будет немного почитать, пройти несколько курсов и пройти практическое обучение. Однако это стоит времени и усилий. Начать с курса Google Tag Manager Fundamentals от Google — отличный первый шаг.

Не пропустите инсайдерские электронные письма нашего менеджера по маркетингу!

Присоединяйтесь к 200 000 умных маркетологов и получайте самые горячие маркетинговые новости и идеи месяца прямо на свой почтовый ящик!

Введите свой адрес электронной почты ниже:

(Не волнуйтесь, мы никогда не передадим вашу информацию!)

Узнайте больше об использовании GTM для вашей стратегии цифрового маркетинга

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

Получите полезные советы по маркетингу и дополнительную информацию об использовании GTM с нашей рассылкой по электронной почте — Revenue Weekly. Зарегистрируйтесь сегодня для бесплатного контента!

Руководство по Диспетчеру тегов Google: пошаговое руководство по началу работы с GTM

В наши дни теги (или пиксели, или скрипты, или коды отслеживания) существуют для всего. Google Analytics, Facebook, Twitter, AdWords, LinkedIn и т. д. . все просят вас добавить код на ваш веб-сайт для отслеживания эффективности рекламы.

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

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

К счастью для нас с вами, есть решение всех этих проблем, и оно называется Диспетчер тегов Google (GTM) .

GTM — это практически бескодовое решение для управления тегами и отслеживанием вашего веб-сайта.

Если вы хотите узнать, как начать работу с GTM… Вы обратились по адресу!

В этом руководстве Диспетчера тегов Google вы узнаете о:

  • Часть 1. Нужно ли вам управление тегами?
    • Что такое Диспетчер тегов Google?
      • Зачем вам нужно управление тегами?
    • Основы Диспетчера тегов Google
  • Часть 2. Как работает Диспетчер тегов Google
    • Теги
    • Триггеры
    • Переменные
    • Предварительный просмотр, отладка и публикация тегов
  • Часть 3. Как перенести существующую систему отслеживания в Диспетчер тегов Google
    • Контрольный список переноса тегов
  • Часть № 4: Ценность Диспетчера тегов Google
  • Часть 5. Четыре ошибки начинающего менеджера тегов, которых следует избегать
    • Отсутствие предварительного просмотра контейнера перед публикацией
    • Слишком частые публикации
    • Не используются переменные и уровень данных
    • Автоматизация до бессмыслицы
  • Часть № 6. Реализация базового отслеживания событий (с примерами)
    • Отслеживание прокрутки
    • Отслеживание нажатий кнопки
    • Отслеживание потенциальных клиентов

Вам нужно управление тегами?

Что такое Диспетчер тегов Google?

Диспетчер тегов Google — это простое и бесплатное решение для установки и управления всеми вашими пикселями отслеживания маркетинга и аналитики.

Пиксели отслеживания — это небольшие фрагменты кода, которые собирают информацию о пользователях вашего сайта. Эти пиксели часто называют «метками». Платформа Google Tag Manager позволяет вам управлять всеми вашими тегами отслеживания в одном месте. И GTM также позволяет вам устанавливать теги без ручного редактирования кода вашего сайта.

Проще говоря, Диспетчер тегов Google — это эффективный , точный и эффективный способ управлять отслеживанием вашего веб-сайта. По этим причинам GTM получил всемирное признание и признание в сообществах маркетинга и аналитики.

Зачем нужно управление тегами?

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

Ниже представлена ​​карта транзита Gartner Digital Marketing. Эта карта дает отличный обзор того, как наши маркетинговые системы пересекаются друг с другом.

Для всего есть теги отслеживания

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

Хотите использовать Google Analytics? Вам необходимо разместить тег отслеживания Google Analytics на своем веб-сайте.

Хотите узнать результаты своей рекламы на Facebook? Вам необходимо разместить тег отслеживания Facebook на своем веб-сайте.

Хотите знать, насколько хорошо работает ваш электронный маркетинг? Вам нужно. .. Ну, вы поняли.

Проблема со слишком большим количеством неуправляемых тегов

Думайте о своем новом веб-сайте как о пустом стакане. В вашем стакане столько места.

Но каждый продавец хочет налить вам в стакан немного своего эликсира.

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

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

Проблема с кодом отслеживания и веб-разработка

Код отслеживания также может вызвать проблемы в области веб-разработки. Обычно перед веб-разработчиками ставится задача добавить на веб-сайт новые теги отслеживания.

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

Так что код отслеживания кажется безобидным… «Просто разместите этот код на своем сайте, и все будет отлично работать…» веб-разработчики знают иначе.

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

Эти проблемы могут привести к нескольким распространенным сценариям:

  1. Ваш разработчик вообще избегает установки вашего кода отслеживания.
  2. Ваш разработчик небрежно устанавливает ваш код из-за неадекватной поддержки и неправильных указаний.

Основы Диспетчера тегов Google

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

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

Упрощение управления тегами

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

Шаблоны тегов — ключ к отслеживанию без кода

Шаблоны тегов — это готовые сценарии отслеживания, требующие минимального ввода. Они оптимизированы по скорости, совместимы с разными браузерами и проверены Google.

Вы можете установить эти шаблоны, не касаясь кода. Большинство из них можно подключить к вашему веб-сайту, просто введя созданные поставщиком идентификаторы отслеживания, такие как идентификатор пикселя Twitter или идентификатор Google Analytics.

Шаблоны тегов также сокращают объем работ по обслуживанию веб-сайта. Когда поставщики обновят свой код отслеживания, ваш шаблон будет автоматически обновлен.

В Диспетчере тегов Google доступно более 90 шаблонов тегов .

На самом деле единственная крупная маркетинговая платформа, не имеющая шаблона GTM, — это Facebook.

(В какой-то момент Google может уступить и добавить тег Facebook. Но до тех пор вы можете использовать собственный шаблон GTM для управления своим пикселем Facebook.)

Есть ли причина, по которой вам не нужно управление тегами?

Итак, управление тегами — это круто. Он нужен всем, верно?

На самом деле нет. Не каждый веб-сайт нуждается в управлении тегами.

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

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

Но если вы хотите отслеживать несколько систем или выполнять какое-либо расширенное отслеживание в Google Analytics, вам понадобится управление тегами. А GTM — это самая элитная и комплексная платформа для управления тегами.

Как работает Диспетчер тегов Google

Давайте поговорим об основах GTM.

В этом разделе нашего руководства по Диспетчеру тегов Google мы рассмотрим, как работают теги (также известные как аналитические или маркетинговые сценарии).

Мы также поговорим о том, как вызывает (или правила) активировать ваши теги отслеживания.

Затем мы рассмотрим  переменных (также называемых макросами). И чтобы закрыть этот раздел нашего руководства, мы рассмотрим, как предварительно просматривает и издательства работают.

Теги в Диспетчере тегов Google

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

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

Например, чтобы использовать шаблон Google Analytics, вам необходимо ввести свой идентификатор отслеживания свойства (или, что еще лучше, настроить переменную настройки Google Analytics).

Другим примером является шаблон Bing Ads, в котором используется идентификатор вашей учетной записи Bing Ads.

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

Для шаблонов тегов обычно достаточно ввести одно уникальное значение и установить триггер, и все готово.

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

Триггеры в Диспетчере тегов Google

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

Встроенные триггеры GTM

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

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

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

Например, вы можете настроить   триггер YouTube  , чтобы он срабатывал в зависимости от различных взаимодействий пользователя с вашими встроенными видео на YouTube. Вы можете активировать этот тег, когда пользователь запускает, ищет, приостанавливает, буферизует или заканчивает ваше видео. Вы также можете активировать этот тег на основе прогресса просмотра пользователем (например, 50 % просмотра или 5 минут просмотра).

Триггер может запускать тег более одного раза в течение события. Таким образом, триггер YouTube может срабатывать как в начале видео, так и при просмотре 50%.

Переменные в Диспетчере тегов Google

Теперь, когда мы знаем, что такое теги и триггеры, нам нужно поговорить о третьей части треугольника GTM — переменных.

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

Переменная Google Analytics

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

Встроенные переменные

GTM имеет встроенные переменные практически для всего, что происходит на странице вашего сайта.

Переменные просмотра видео

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

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

Переменные уровня данных

Вы можете узнать еще больше о своем поведении пользователя, используя уровень данных.

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

Переменная уровня данных может передавать критические значения сразу всем вашим маркетинговым системам

Например, вы можете использовать уровень данных для передачи данных об онлайн-продажах во все ваши отчетные интерфейсы — Google Analytics, AdWords, Bing, и т. д.

Переменные уровня данных — важное нововведение в отслеживании аналитики. Раньше компании тратили от 10 до 20 тысяч долларов на создание решений для передачи внутренних динамических значений между своими маркетинговыми системами. Теперь вы можете получить доступ, перевести и доставить эту информацию с помощью GTM.

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

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

Теги записывают ваши данные. Триггеры сообщают вашим тегам, когда записывать данные. Переменные помогают переводить данные и масштабировать теги на вашем веб-сайте.

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

Режим предварительного просмотра в Диспетчере тегов Google

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

Чтобы проверить свои теги, нажмите серую кнопку «Предварительный просмотр» в рабочей области.

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

Проверка и отладка ваших тегов

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

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

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

Публикация ваших тегов в GTM

Убедившись, что ваши теги работают и правильно записывают ваши данные, вы можете их развернуть.

Вы активируете свои теги, нажав кнопку публикации. Когда вы нажмете «Опубликовать», GTM попросит вас создать версию вашего контейнера. Прежде чем завершить работу над контейнером, у вас будет возможность задокументировать свою работу.

При публикации тегов будьте внимательны к соглашению об именах.

Будьте описательными в названии вашей версии. И предоставить подробную информацию об изменениях в этой версии. Эта документация позволяет вам и другим пользователям вашей учетной записи идентифицировать внесенные вами изменения.

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

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

Как перенести существующую систему отслеживания в Диспетчер тегов Google

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

Допустим, на вашем сайте установлен фрагмент кода analytics.js. Но затем вы публикуете тег отслеживания Google Analytics в GTM. Если оба этих тега отправляют данные в один и тот же ресурс Google Analytics, все ваши данные будут учтены дважды.

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

Контрольный список переноса тегов

Вот пример основного контрольного списка переноса тегов.

Процесс миграции работает следующим образом:

  • Классифицируйте и запишите все существующие теги отслеживания, которые работают на вашем веб-сайте
  • Воссоздайте эти теги отслеживания в GTM
  • Используйте режим предварительного просмотра для проверки новых тегов
  • Удалить все текущее отслеживание
  • Опубликуйте контейнер GTM с новыми тегами отслеживания

Как убедиться в отсутствии пробелов в отслеживании во время переноса тегов?

Если у вас установлено много тегов отслеживания, удаление текущих сценариев отслеживания может занять некоторое время.

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

Если вы не будете осторожны, процесс миграции может вызвать пробел в отслеживании, поэтому вам необходимо тщательно спланировать эту миграцию. Разрыв будет между удалением ваших старых скриптов отслеживания и запуском нового контейнера GTM.

Триггер миграции GTM

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

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

Я подумываю написать в блоге об этой методике переноса тегов, но только если вам это интересно. Оставьте комментарий, если вы хотите увидеть подробный пост в блоге.

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

Ценность Диспетчера тегов Google

На данный момент управление вашими тегами отслеживания в GTM может показаться очевидным решением. Но если вы не являетесь основным разработчиком своего веб-сайта, 90 148 вам придется убедить кого-то еще, что GTM — правильный шаг 9.0149 …. кто-то, кто не читал это руководство.

Чтобы помочь вашему делу, вот 27 причин использовать GTM для создания тегов отслеживания и управления ими.

1. Больше контроля над вашими маркетинговыми измерениями.

GTM возвращает управление отделу маркетинга. Больше не нужно ждать, пока веб-разработка установит ваш код. С Диспетчером тегов вы можете протестировать и установить свои теги почти сразу.

2. Легко развернуть ваши теги

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

3. Основанная на правилах система активации тегов на вашем веб-сайте

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

4. Чистое выполнение скриптов и минимальный необходимый код

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

5. Возможность документировать действия каждого тега на понятном языке

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

6. Меньше ошибок и рисков благодаря системе управления GTM

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

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

7. Встроенная защита от синтаксических ошибок

Синтаксические ошибки — распространенная проблема в JavaScript. GTM не позволит вам публиковать на вашем сайте какой-либо код, содержащий синтаксические ошибки.

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

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

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

9. Встроенные шаблоны тегов, которые охватывают большинство современных маркетинговых систем

Как мы обсуждали ранее в этом руководстве, почти каждая крупная маркетинговая система имеет шаблон тега в GTM.

10. Растущий список триггеров, которые позволяют отслеживать события на странице

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

Есть триггеры для прокрутки страницы, просмотра видео, взаимодействия с лид-формой и многого другого! Раньше для создания этих триггеров приходилось писать сотни строк кода. Теперь, используя GTM, все, что вам нужно сделать, это настроить предопределенные триггеры. Код не требуется.

11. Возможность активировать триггеры на основе любого элемента HTML и CSS вашего веб-сайта.

Эта функция позволяет создавать уникальные триггеры практически для всего, что происходит на вашем веб-сайте. Например, вы можете определить триггер, который срабатывает только при нажатии кнопки определенного класса CSS.

12. Права управления доступом для предотвращения ошибочной публикации тегов

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

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

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

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

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

15. Сильная поддержка разработки со стороны Google для постоянного улучшения продукта

Команда разработчиков Google, стоящая за GTM, активна и вовлечена. Они постоянно добавляют к этому продукту и пытаются сделать его лучше. Эта команда также известна тем, что прислушивается к рынку и быстро разрабатывает решения.

16. Активное сообщество разработчиков и ресурсы с открытым исходным кодом

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

17. Комплексный API для разработчиков для подключения к GMT в масштабе

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

18. Асинхронная кодовая база и возможность ожидания загрузки кода перед срабатыванием триггеров

Когда вы используете GTM, ваши скрипты отслеживания не замедляют скорость страницы.

19. Обратная связь в режиме реального времени позволяет тестировать теги и сразу же получать подтверждение их работоспособности

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

20. Система контроля версий и возможность отката изменений

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

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

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

22. Вы можете хранить похожие элементы в папках для простоты организации

Открытая система организации GTM упрощает сохранение и хранение вашей работы.

23. Бескодовая вставка GTM на веб-сайты (с помощью плагина CMS)

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

24. Простой импорт и экспорт контейнеров GTM между учетными записями

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

Функция импорта/экспорта позволяет перенести вашу работу в GTM на несколько веб-сайтов.

25. Имеется отчет истории изменений, чтобы узнать, кто внес изменения в вашу учетную запись.

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

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

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

27. Симо Ахава

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

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

Начало работы с Диспетчером тегов Google может быть очень увлекательным. Это прекрасное чувство — иметь контроль над тегами и отслеживанием. Также интересно начать создавать новые теги и разблокировать данные, к которым у вас никогда не было доступа раньше.

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

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

1. Отсутствие предварительного просмотра контейнера перед публикацией

Давайте еще раз взглянем на Jeffalytics в режиме предварительного просмотра GTM. У меня есть тег Google Analytics и тег отслеживания прокрутки. Когда я активирую свои триггеры, я вижу, как срабатывают оба моих тега. В режиме предварительного просмотра требуется всего несколько секунд, чтобы убедиться, что мои теги работают.

Вы ДОЛЖНЫ предварительно просмотреть и отладить каждый тег, который вы публикуете, каким бы невинным он ни казался.

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

Перед публикацией обязательно просмотрите и отладьте теги.

2. Слишком частая и бесцельная публикация

Постоянная публикация заполнит вашу учетную запись GTM сотнями версий вашего контейнера.

Не публикуйте слишком много!

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

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


3. Не использовать переменные и уровень данных (даже константа является переменной!)

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

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


4. Автоматизация до абсурда

Автоматизация отслеживания событий — это здорово! И как только вы узнаете, как использовать GTM, настройка нового отслеживания событий станет быстрым процессом. На самом деле, я постоянно поражаюсь тому, как легко отслеживать события. Создание тегов отслеживания событий требует написания тысяч строк кода.

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

Но прежде чем сходить с ума по созданию тегов событий, спросите себя:

«Действительно ли мне нужны все эти данные?»

Если вы чрезмерно автоматизируете и отслеживаете слишком много событий, вы будете загромождать свои отчеты и заглушать значимые данные.

Итак, сосредоточьтесь на отслеживании наиболее важных для вашего бизнеса событий.

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

Внедрение базового отслеживания событий с помощью GTM (с примерами)

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

Отслеживание прокрутки

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

Отслеживание нажатий кнопок

Отслеживание нажатий кнопок может подсказать вам, где разместить или как оформить кнопки.

Формы отслеживания потенциальных клиентов

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

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

Оставьте комментарий со своими вопросами по Диспетчеру тегов Google

Это завершает наше руководство для начинающих по Диспетчеру тегов Google. У вас остались вопросы о GTM? Оставьте комментарий к этому посту со своим вопросом №1 по GTM. Мы ответим на каждый вопрос как можно скорее.

И убедитесь, что вы подписаны на список рассылки Jeffalytics, если вы хотите поднять свои способности Google Tag Manager на новый уровень. В эту пятницу у нас есть большое объявление для всех наших подписчиков электронной почты!

Руководство по работе с переменными и триггерами Диспетчера тегов Google

Последнее обновление: 1 сентября 2022 г.

Содержание

 [скрыть]

Эта статья относится к Диспетчеру тегов Google (GTM). Если вы новичок в GTM, сначала прочтите следующие две статьи:

  1. Руководство для начинающих по Диспетчеру тегов Google
  2. Руководство по внедрению и развертыванию Диспетчера тегов Google

Введение в переменные GTM

Переменная — это место хранения в память компьютера. У него есть ‘ имя ‘и’ значение ‘. На переменную ссылаются по ее имени. Значение есть то выражение, которое не может быть решено дальше. Например, выражение «2+3» не является значением, потому что его можно разложить на 5. Однако выражение «5» нельзя разложить дальше, поэтому его можно использовать как значение.

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

{{url}} соответствует RegEx .* // активировать тег на любой странице, которую загружает пользователь.

Здесь {{url}} — это встроенная переменная (предопределенная переменная), которая ссылается на URL-адрес текущей загруженной страницы.

Ниже приведен синтаксис для вызова/ссылки на переменную в GTM:

{{Имя переменной}}

Вы можете ссылаться/вызывать переменную в любом текстовом поле в GTM везде, где вы видите кнопку «переменная»:

Примечание: : Значение переменной GTM заполняется во время выполнения.

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

  • Слои данных
  • JavaScript Переменные
  • Собственные файлы cookie
  • HTML DOM

В GTM есть две категории переменных:

  1. Встроенные переменные (или предопределенные переменные)
  2. Пользовательские переменные

Мой пошаговый план (100 страниц) для изучения и освоения Диспетчера тегов Google

Получите БЕСПЛАТНУЮ электронную книгу по Диспетчеру тегов Google (100 страниц). Learn & Master GTM

Да, я хочу БЕСПЛАТНУЮ электронную книгу

Встроенные переменные в Диспетчере тегов Google

Встроенные переменные — это предопределенные переменные. Эти переменные нельзя настроить. Чтобы просмотреть список доступных вам встроенных переменных, щелкните меню «Переменные»:

Настройка встроенной переменной означает активацию или деактивацию переменной в интерфейсе GTM. По умолчанию активируется только определенный набор встроенных переменных:

После активации встроенной переменной ее можно использовать так же, как и любую пользовательскую переменную. Активируйте все встроенные переменные, чтобы их можно было использовать в любое время.

Типы встроенных переменных, доступных в GTM

Страницы

Страницы: Эти переменные предоставляют значения URL-адреса страницы формы

URL-адрес страницы : Предоставляет/возвращает полный URL-адрес текущей страницы, например. «www.abc.com/products/newsunglasses»

Имя хоста страницы : Предоставляет часть имени хоста текущей страницы, например. если текущая страница — www.abc.com/products/newsunglasses, то переменная имени хоста страницы вернет «www.abc.com»

Путь к странице : Предоставляет часть пути текущей страницы, например. если текущая страница — www. abc.com/products/newsunglasses, то переменная Page Path возвращает ‘/products/newsunglasses’

Referrer : Предоставляет полный URL-адрес страницы, которая привела пользователя на текущую страницу. Например, если пользователь переходит на https://optimizesmart.com с реферера. document.referrer будет содержать значение предыдущего URL.

Утилиты

Событие : Предоставляет сведения о текущих событиях уровня данных, таких как DOM Ready, Page Load, Window Load, Click и т. д. .

Идентификатор контейнера : Предоставляет общедоступный идентификатор контейнера GTM. Пример значения: GTM-XXX12

Версия контейнера : Предоставляет номер текущей версии контейнера в виде строки.

Случайное число : возвращает значение случайного числа в диапазоне от «0» до «2147483647».

HTML ID : возвращает идентификатор пользовательского тега HTML.

Ошибки

Сообщение об ошибке : Эта переменная возвращает строковое значение, содержащее сообщение об ошибке, отображаемое пользователю.

URL-адрес ошибки : эта переменная возвращает строковое значение, содержащее URL-адрес, по которому произошла ошибка.

Строка ошибки : Эта переменная возвращает числовое значение или номер строки в файле, где произошла ошибка.

Режим отладки : эта переменная возвращает значение true, если контейнер GTM в настоящее время находится в режиме предварительного просмотра. Его значения являются логическими (true/false).

Клики

Элемент клика : Эта переменная возвращает элемент HTML, который был выбран. Эта переменная получает свое значение из ключа «gtm.element» на уровне данных.

Классы кликов : Эта переменная возвращает значение (типа «строка») атрибута «класс» элемента HTML, на который нажали.

Идентификатор клика : Эта переменная возвращает значение (типа «строка») атрибута «ID» элемента HTML, на который нажали.

Click Target : Эта переменная возвращает значение (типа «строка») атрибута «target» элемента HTML, на который нажали.

URL-адрес клика : эта переменная возвращает строку, содержащуюся в атрибуте «href» или «action» элемента HTML, по которому щелкнули.

Текст клика : Эта переменная возвращает значение текста, который щелкнул пользователь.

Формы

Элемент формы : Эта переменная возвращает элемент формы (например, раскрывающийся список, радиокнопку, текстовое поле), который был нажат.

Классы форм : Эта переменная возвращает строку, содержащуюся в атрибуте class элемента формы, по которому был сделан щелчок.

Идентификатор формы : Эта переменная возвращает строку, содержащуюся в атрибуте «ID» элемента формы, по которому был сделан щелчок.

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

URL-адрес формы : эта переменная возвращает строку, содержащуюся в атрибуте href или action элемента формы, по которому был сделан щелчок.

Текст формы : Эта переменная возвращает текст, предоставленный пользователем в поле формы.

Новый фрагмент истории : Эта переменная возвращает строковое значение фрагмента (также известного как хэш) части URL-адреса страницы после события истории.

Старый фрагмент истории : Эта переменная возвращает строковое значение фрагмента (или хеша) части URL-адреса страницы до события истории.

Новое состояние истории : Эта переменная возвращает значение объекта состояния, которое страница поместила в историю, чтобы вызвать событие истории.

Старое состояние истории : Эта переменная возвращает значение объекта состояния, которое было активным до того, как произошло событие истории.

Источник истории : Эта переменная возвращает строку, относящуюся к событию, инициировавшему изменение истории.

Видео

Поставщик видео : Эта переменная возвращает имя поставщика видео (например, «YouTube»).

Состояние видео : Эта переменная возвращает текущее состояние видео, например воспроизведение, пауза, остановка, буферизация и т. д.

URL-адрес видео : Эта переменная возвращает URL-адрес встроенного видео, например. «https://www.youtube.com/watch?v=optimisesmart».

Название видео : Эта переменная возвращает название встроенного видео.

Продолжительность видео : Эта переменная возвращает общую продолжительность видео в секундах.

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

Процент видео : Эта переменная возвращает целое число, представляющее процент видео, просмотренного пользователем.

Video Visible : Эта переменная возвращает значение true или false в зависимости от того, было ли видео видимым в области просмотра браузера.

Прокрутка

Порог глубины прокрутки : Эта переменная возвращает числовое значение от 0 до 100, указанное в качестве порога прокрутки.

Единицы глубины прокрутки : эта переменная возвращает «пиксели» или «проценты» в зависимости от того, какой тип порога отслеживается триггером.

Направление прокрутки : Эта переменная возвращает направление прокрутки со строковым значением, таким как «Вертикальное» или «Горизонтальное».

Видимость

Процент видимости : Эта переменная возвращает числовое значение (0–100), указывающее, какая часть отслеживаемого элемента находилась в окне просмотра браузера при срабатывании триггера.

On-Screen Duration : Эта переменная возвращает числовое значение, указывающее, сколько миллисекунд отслеживаемый элемент находился в окне просмотра браузера, когда срабатывает триггер.

В GTM количество и тип доступных встроенных переменных зависят от типа используемого контейнера GTM. Ниже приведены различные типы контейнеров GTM. Получите единственную когда-либо опубликованную электронную книгу по уровню данных GTM (более 100 страниц). Изучение и освоение уровней данных

Да, я хочу электронную книгу

Пользовательские переменные в Диспетчере тегов Google

Пользовательские переменные — это переменные, определенные такими людьми, как я и вы.

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

Если вы создали пользовательские переменные, вы можете просмотреть их, щелкнув меню «Переменные»:

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

Шаг 1: Перейдите на вкладку «Переменные» и нажмите «Создать» под пользовательскими переменными.

Шаг 2: Появится новое окно, как показано ниже. Дайте ему правильное имя и нажмите «Конфигурация переменной».

Шаг 3: В конфигурации переменных вы увидите несколько типов пользовательских переменных, как показано ниже (щелкните тип переменной, которую вы хотите создать)

Тип пользовательских переменных, доступных в GTM

Навигация

  • Реферер HTTP: Эта переменная возвращает «URL предыдущей страницы» или реферер, с которого пользователи приходят на ваш сайт. Значение этой переменной имеет тип String, и вы также можете указать компонент URL-адреса (например, имя хоста, полный URL-адрес, фрагмент, путь, порт, протокол и запрос)
  • URL-адрес: Текущий URL-адрес: Эта переменная возвращает значение текущего URL страницы, загруженной на сайт. Это значение переменной имеет тип String, и вы также можете указать компонент URL (например, расширение имени файла, имя хоста, полный URL-адрес, фрагмент, путь, порт, протокол и запрос). Это удобно, если вы хотите захватить определенную часть URL-адреса, например параметры кампании.

Его компоненты:

  • Расширение имени файла: возвращает значение расширения имени файла, например «.txt», «.pdf» и т. д.
  • Фрагмент: возвращает значение фрагмента URL-адреса без «#».
  • Полный URL-адрес: возвращает полный URL-адрес, например https://www.optimizesmart.com/blog/
  • Имя хоста: возвращает имя хоста URL-адреса, например «www.optimizesmart.com».
  • Путь: возвращает полный путь URL-адреса без имени хоста, например, если URL-адрес «https://www.optimizesmart.com/blog/», он возвращает путь как «/blog/».
  • Порт: этот компонент возвращает значение номера порта, используемого в URL-адресе. Таким образом, если URL-адрес начинается с «HTTP», он вернет значение «80», а если URL-адрес начинается с «HTTPS», он вернет значение «443».
  • Протокол: возвращает протокол URL, например «HTTP» или «HTTPS».
  • Запрос: возвращает весь параметр запроса без «?». Если параметр запроса отсутствует, он вернет «undefined».

Мой пошаговый план (100 страниц) для изучения и освоения Диспетчера тегов Google

Получите БЕСПЛАТНУЮ электронную книгу в Диспетчере тегов Google (100 страниц). Learn & Master GTM

Да, я хочу БЕСПЛАТНУЮ электронную книгу

Переменные страницы

Элементы страницы

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

Вы можете получить доступ к различным частям страницы, например

  • Элемент: возвращает доступ к элементу DOM. Вы можете использовать ключ «gtm.element» для доступа к нему.
  • Класс элемента: возвращает значение класса элемента DOM, к которому осуществляется доступ. Вы можете использовать ключ «gtm.elementClasses», чтобы получить к нему доступ.
  • Идентификатор элемента: возврат атрибута идентификатора элемента DOM, к которому осуществляется доступ. Вы можете использовать ключ «gtm.elementId», чтобы получить к нему доступ.
  • Цель элемента: возвращает значение целевого атрибута элемента автоматического события. Вы можете использовать ключ «gtm.elementTarget», чтобы получить к нему доступ.
  • Текст элемента: возвращает значение свойства «textContent» или «innerText» элемента автоматического события.
  • URL-адрес элемента: возвращает значение атрибута «href» элемента автоматического события. Вы можете использовать «gtm.elementUrl» для доступа к нему.
  • Источник изменения истории: возвращает строковое значение события, которое инициировало событие изменения истории (popstate, pushState, replaceState или опрос). Вы можете использовать ключ «gtm.historyChangeSource», чтобы получить к нему доступ.
  • History New State: возвращает новый набор объектов состояния с событием истории браузера. Вы можете использовать ключ «gtm.newHistoryState», чтобы получить к нему доступ.
  • Старое состояние истории: возвращает объект старого состояния, установленный с событием истории браузера. Вы можете использовать ключ «gtm.oldHistoryState» для доступа к нему.
  • Фрагмент старого URL-адреса истории — возвращает старый фрагмент URL-адреса, замененный в событии истории браузера. Вы можете использовать ключ «gtm.oldUrlFragment» для доступа к нему.
  • Элемент DOM: Эта переменная возвращает значение текста элемента DOM (объектная модель документа) или значение указанного атрибута элемента DOM на странице. Вы можете использовать метод выбора как «ID» или «CSS Selector», чтобы указать.
  • Видимость элемента: Эта переменная возвращает значение True для указанного объекта, когда он виден, например всплывающее окно. Он также возвращает процент видимости элемента, например 50%.

Утилиты

  • Константа: Эта переменная возвращает указанную вами постоянную строку.
  • Пользовательское событие: Эта переменная возвращает пользовательские события, отправленные в dataLayer. Есть много событий, которые вы отправили в GTM с помощью команды dataLayer.push. Пользовательское событие вернет значение имени события, переданного в dataLayer.
  • Имя среды: Возвращает предоставленное пользователем имя среды, просматриваемой в данный момент, например Live, Dev или Staging. Вы можете использовать эту переменную, если хотите активировать тег, если среда соответствует условию.
  • Настройки Google Analytics: эта переменная возвращает указанный вами идентификатор учетной записи Google Analytics.
  • Таблица поиска: Эта переменная, основанная на определенных условиях, сначала оценивает условие, а затем соответствующим образом устанавливает значение определенной переменной. Например, предположим, что у вас есть несколько сред, таких как интерактивная и предварительная, и каждая среда имеет отдельный ресурс Google Analytics. В этом случае вы можете использовать таблицу поиска, чтобы сначала проверить имя среды, а затем отправить данные в определенное свойство GA соответствующего домена.
  • Случайное число: Эта переменная возвращает случайное число от 0 до 2147483647.
  • Таблица регулярных выражений: эта переменная является расширенной версией таблицы поиска, которая работает с регулярными выражениями. Вы можете использовать эту переменную, если у вас есть какое-либо значение, определенное регулярным выражением.
  • Неопределенное значение: Эта переменная просто возвращает JavaScript в «Неопределенное».

Данные контейнера
  • Идентификатор контейнера: Эта переменная возвращает идентификатор контейнера GTM, например «GTM-NZHQ123». Это тоже встроенная переменная.
  • Номер версии контейнера: Эта переменная возвращает значение номера версии контейнера. Обратите внимание, что когда вы используете режим предварительного просмотра GTM, он возвращает значение номера версии предварительного просмотра; в противном случае возвращается номер текущей версии контейнера GTM.
  • Режим отладки: Это логическая переменная, которая возвращает значение режима отладки либо «Истина», либо «Ложь».

Настоящая сила Диспетчера тегов Google заключается в использовании переменных.

Мой пошаговый план (более 100 страниц) для изучения и освоения уровней данных GTM

Получите единственную когда-либо опубликованную электронную книгу по уровню данных GTM (более 100 страниц). Learn & Master Data Layers

Да, я хочу электронную книгу

Отладка переменных в GTM

Если вы хотите отладить свои переменные GTM, вы также можете сделать это в режиме предварительного просмотра GTM.

Выполните следующие шаги, чтобы узнать больше:

Шаг 1: Перейдите к контейнеру GTM и щелкните режим «Предварительный просмотр».

Шаг 2: Появится новое всплывающее окно, как показано ниже. Добавьте URL-адрес своего веб-сайта, на котором установлен код GTM, а затем нажмите «Подключиться».

Шаг 3: Откроется новое окно в браузере. Теперь вернитесь к окну предварительного просмотра GTM и нажмите «Продолжить».

Шаг 4: Теперь перейдите на вкладку «Переменные».

Шаг 5: Теперь вы получите экран, как на изображении ниже. Выберите событие из сводки, чтобы проверить переменные для соответствующего события.

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

Вот как вы можете отлаживать переменные в режиме предварительного просмотра.

Введение в триггеры в Диспетчере тегов Google

Триггер — это условие, которое во время выполнения должно оцениваться как истинное или ложное.

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

Существует два метода создания триггера в GTM. Один — при создании нового тега, а другой — через меню триггера:

Теперь посмотрите это короткое видео, чтобы лучше понять триггеры GTM:

В GTM есть две категории триггеров:

  1. Активирующие триггеры (обычно называемые триггерами)
  2. Блокирующие триггеры

Мои пошаговые инструкции Схема (более 100 страниц) для изучения и освоения уровней данных GTM

Получите единственную когда-либо опубликованную электронную книгу по уровню данных GTM (более 100 страниц).

Learn & Master Data Layers

Да, я хочу электронную книгу

Триггеры срабатывания

Триггер срабатывания (или правило срабатывания) — это условие, которое должно выполняться (должно оцениваться как истинное) во время выполнения, чтобы тег срабатывал/выполнялся.

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

{{url}} соответствует http://www.abc.com/cart/thankyou.html

Этот триггер запускает тег, когда URL-адрес текущей загруженной страницы совпадает. http://www.abc.com/cart/thankyou.html

Существует две категории триггеров срабатывания:

  1. Встроенные триггеры срабатывания
  2. Триггеры срабатывания, определяемые пользователем (также называемые пользовательскими триггерами)

Встроенные и настраиваемые триггеры срабатывания

Встроенные триггеры — это предопределенные триггеры срабатывания. Это готовые к использованию триггеры. Триггеры, определяемые пользователем, определяются такими людьми, как я и вы.

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

Способ 1: При создании/редактировании тега

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

Шаг 1 : Создайте или отредактируйте новый тег.

Шаг 2 : Нажмите кнопку «Выберите триггер, чтобы активировать этот тег…»:

Шаг 3 : Нажмите кнопку «+» в правом верхнем углу:

Шаг 4 : Нажмите «Выбрать тип триггера, чтобы начать настройку»:

Теперь вы увидите список доступных встроенных триггеров:

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

Например, чтобы настроить встроенный триггер, скажем « DOM Ready », просто нажмите на него, а затем выберите « Some DOM Ready Events »:

Ниже приведен полный список встроенных триггеров. с соответствующим определяемым пользователем триггером:

Способ 2: Использование меню «Триггеры»

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

Шаг-1 : Нажмите на меню «Триггеры»:

Шаг-2 : Нажмите кнопку «Создать»:

Шаг 3 : Нажмите «Выберите тип триггера, чтобы начать настройку»:

Теперь вы увидите список доступных встроенных триггеров:

Блокирующие триггеры

A блокирующий триггер — это условие, которое должно быть выполнено (должно оцениваться как true), чтобы тег не срабатывал/не выполнялся. Блокирующий триггер сообщает GTM, когда тег не должен срабатывать. Вы можете создать блокирующий триггер (или блокирующее правило), нажав кнопку «9».0135 Добавьте ссылку  Exception ‘ при создании/редактировании тега. Выполните следующие шаги:

Шаг 1 : Создайте/отредактируйте тег

Шаг 2 : Прокрутите вниз до раздела «Запуск» и наведите указатель мыши на этот раздел. Теперь вы должны увидеть кнопку «Карандаш». Нажмите на нее:

Шаг 3 : После того, как вы нажмете кнопку «Карандаш», вы увидите ссылку «Добавить исключение». Нажмите на него:

В остальном процесс создания триггера блокировки аналогичен процессу создания триггера срабатывания.

Примечание: Всякий раз, когда ваш запускающий триггер противоречит вашему блокирующему триггеру, приоритет имеет блокирующий триггер.

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

Мой пошаговый план (100 страниц) для изучения и освоения Диспетчера тегов Google

Получите БЕСПЛАТНУЮ электронную книгу по Диспетчеру тегов Google (100 страниц).

Learn & Master GTM

Да, я хочу БЕСПЛАТНУЮ электронную книгу

Настройка условий срабатывания

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

В Диспетчере тегов Google можно настроить условие срабатывания двумя способами:

  1. Множественные Условия «И» в одном триггере
  2. Условие «ИЛИ» с использованием нескольких триггеров или Условие «ИЛИ» в одном триггере с использованием регулярных выражений

Несколько условий «И» в одиночный триггер

Давайте рассмотрим пример условия «И». Предположим, у вас есть бизнес электронной коммерции, и вы хотите активировать тег на странице продукта, только если категория продукта «Мужская».

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

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

Условие «ИЛИ» с использованием нескольких триггеров или условие «ИЛИ» в одном триггере с использованием регулярных выражений

Условие «ИЛИ» используется в триггере, если вы хотите активировать тег, когда любое из условий set возвращает истину.

Предположим, вы хотите активировать тег для измерения рекламных показов на главной странице и страницах категорий продуктов. Пользователь может находиться только на домашней странице или странице категории продуктов в данный момент времени. Чтобы установить для этого условие «ИЛИ», есть два варианта:

Вариант 1: Создайте два отдельных триггера и добавьте их в один тег, как показано ниже

Триггер 1: Тип страницы равен «Главная»:

Триггер 2: Тип страницы равен «странице категории продукта»:

Теперь добавьте их в одном теге:

Имейте в виду, что несколько триггеров, связанных с одним тегом, всегда связаны с использованием условия «ИЛИ», и тег активирует тег, когда любое из условий возвращает значение «истина».

Вариант 2: условие «ИЛИ» в одном триггере с использованием регулярных выражений

Более сложный способ использования условия «ИЛИ» в GTM — использование регулярного выражения в условии триггера.

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

Подробнее о регулярных выражениях: Регулярные выражения (Regex) для Google Analytics и Google Tag Manager Tutorial

Триггерные группы

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

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

Группы триггеров очень полезны, если существует зависимость для запуска события при двух или более условиях.

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

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

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

Мы можем создать триггерную группу для этого, выполнив следующие шаги:

Шаг 1: Нажмите Триггер:

Шаг 2: Нажмите Создать:

Примечание. Вы также можете создать группу триггера при создании\редактировании вкладки

Шаг 3: Нажмите «Конфигурация триггера»:

Шаг 4: Выберите «Тип триггера» как «Группа триггеров» в разделе «Другие»:

Шаг 5: Нажмите знак «+», чтобы добавить необходимые триггеры в группу. Вы также можете добавить условия в группу триггеров, если хотите активировать ее при определенных условиях.

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

  1. Глубина прокрутки должна быть 50%
  2. Триггер таймера должен быть 30 секунд
  3. Тип страницы должен быть блогом

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

Мой пошаговый план (более 100 страниц) для изучения и освоения уровней данных GTM

Получите единственную когда-либо опубликованную электронную книгу по уровню данных GTM (более 100 страниц). Learn & Master Data Layers

Да, я хочу электронную книгу

Отладка триггеров в GTM

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

Выполните следующие шаги, чтобы узнать больше:

Шаг 1: Перейдите к контейнеру GTM и щелкните режим предварительного просмотра.

Шаг 2: Появится новое всплывающее окно, как показано ниже. Добавьте URL-адрес своего веб-сайта, на котором установлен код GTM, а затем нажмите «Подключиться».

Шаг 3: Откроется новое окно в браузере. Теперь вернитесь к окну предварительного просмотра GTM и нажмите «Продолжить».

Шаг 4: Вы увидите экран, как показано ниже. Как видно из изображения ниже, теги разделены на две группы «Теги запущены» и «Теги не активированы».

Шаг 5: Вы можете выбрать любое событие из итогового тега и просмотреть статус каждого тега. В качестве примера я выбрал событие «Контейнер загружен», и, как вы видите, «Тег конфигурации GA4» и «Тег прокрутки GA4» запускаются, но тег «Событие покупки» не запускается.

Шаг 6: Теперь давайте щелкнем любой из запущенных тегов. Вы можете увидеть условие триггера Firing ниже.

Первое условие, которое соответствует, — это «ВСЕ страницы», а второе условие соответствует загруженному «gtm.js». Здесь нет блокирующих условий срабатывания, и, следовательно, тег срабатывает. И это то же условие, которое мы применили для триггера тега.

Шаг 7: Теперь давайте выберем любой из тегов, которые не запущены, и проверим их данные.

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

Шаг 8: Теперь, если я нажму на событие покупки из итогового тега, я увижу, что тег покупки запущен.

Шаг 9: Теперь давайте нажмем на тег «Покупка» и посмотрим условия срабатывания. Как видно из изображения ниже, оно соответствует условию триггера, и тег срабатывает.

Конфигурация триггера для события покупки настроена так, как показано на рисунке ниже.

Итак, вот как вы можете отлаживать условия запуска.

Еще одна полезная статья: Обучающие ресурсы Диспетчера тегов Google

Часто задаваемые вопросы о переменных и триггерах Диспетчера тегов Google

Что такое триггер в GTM?

Триггер — это условие, которое во время выполнения должно оцениваться как истинное или ложное.

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

Что такое триггер срабатывания в GTM?

Триггер срабатывания (или правило срабатывания) — это условие, которое должно выполняться (должно оцениваться как истинное) во время выполнения, чтобы тег срабатывал/выполнялся. Триггер срабатывания сообщает GTM, когда должен срабатывать тег.

Что такое триггер блокировки в GTM?

Триггер блокировки — это условие, которое должно быть выполнено (должно оцениваться как истинное), чтобы тег не срабатывал/не выполнялся. Блокирующий триггер сообщает GTM, когда тег не должен срабатывать. Вы можете создать блокирующий триггер (или блокирующее правило), нажав кнопку «9».0135 Добавить ссылку Exception ‘ при создании/редактировании тега.

Что такое триггерная группа в GTM?

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

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

No related posts.

Автор записи

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *