Google tag manager это

Кому полезен GTM. Установка Google Analytics и Яндекс.Метрики через GTM, отслеживание событий.

Маркетологи используют разные вспомогательные сервисы: системы аналитики, сервисы A/B тестирования, ретаргетинговые, рекламные и коллтрекинговые платформы, виджеты, онлайн-мессенджеры и многие другие. Для их работы необходимо внедрять коды (теги) на сайт, что вызывает ряд проблем.

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

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

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

В 2012 году Google запустил Диспетчер тегов (Tag Manager), созданный специально для маркетологов. Он позволяет из одного интерфейса управлять всеми тегами различных сервисов. На сайт интегрируется только один код, а остальные коды маркетолог самостоятельно добавляет в Диспетчер без участия IT-специалиста.

Что такое Google Tag Manager | Обзор

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

Оцените, нужен ли вам Google Tag Manager

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

  • Если у вас установлена Яндекс.Метрика или Google Analytics и вы отслеживаете только базовые показатели, то вряд ли вы оцените простоту и гибкость Tag Manager. В таком случае удобней добавить коды напрямую на сайт и не возвращаться к этому вопросу.
  • В Диспетчере нет необходимости, если вы не экспериментируете с разными сервисами, не выбираете оптимальный для себя, не тестируете функционал. Вы один раз установите коды на сайт и забудете о них на долгое время.

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

Как начать работу

Первый этап — регистрация. Для этого перейдите на сайт tagmanager.google.com и заведите аккаунт (или авторизуйтесь с помощью уже существующего аккаунта в Google). Задайте наименование аккаунта и контейнера и укажите место использования контейнера (вебсайт, приложение, AMP-страницы):

Google Tag Manager: что это такое и как его использовать

После нажатия кнопки «Создать» нужно подтвердить условия пользовательского соглашения, после чего будет доступен код для интеграции на сайт. Обратите внимание, что код состоит из двух частей: первая часть размещается в разделе , вторая — в разделе .

Appstore или Google play

Что такое Google Tag Manager и зачем он нужен

Google Tag Manager: что это такое и как его использовать

Не знаете, что такое теги , и где их искать в коде? В помощь вам — статья о самых важных HTML тегах для SEO.

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

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

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

Структура Диспетчера тегов

Интерфейс Google Tag Manager довольно простой. Меню рабочей области содержит такие вкладки:

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

Google Tag Manager: что это такое и как его использовать

Теги. Это фрагменты кода, которые выполняются (активируются) на вебсайте. Теги имеют различное предназначение, но в Tag Manager они преимущественно применяются для передачи данных. Так, теги Google Analytics и отслеживания конверсий Google Ads передают данные о действиях посетителей вебсайта.

В Диспетчере есть готовая система шаблонов тегов. Она существенно упрощает работу с рядом поддерживаемых сервисов: AdRoll, Google Ads, Clicky, Crazy Egg, Criteo, DoubleClick, Google Оптимизатор, Hotjar, Twitter и мн. др. Также можно задавать пользовательские HTML-теги.

Триггеры. Это действия посетителей сайта, в ответ на которые активируются теги. Так, триггер «Глубина прокрутки» при значении 50 % запускает тег ремаркетинга, если пользователь просмотрит более половины страницы.

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

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

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

Нет желания вдаваться в детали и заниматься рутиной? Запустите SEO-оптимизацию сайта на полном автомате с помощью модуля SEO системы PromoPult. Специалисты настроят аналитику, сделают сайт удобней для посетителей, повысят его привлекательность для поисковиков.

Примеры использования Менеджера тегов

1. Подключение Google Analytics

Вначале нажмите «Новый тег» / «Конфигурация тега». В появляющемся списке активируйте «Universal Analytics».

Google Tag Manager: что это такое и как его использовать

В пункте «Настройки Google Analytics» нажмите «Новая переменная…»:

Google Tag Manager: что это такое и как его использовать

Задайте ваш идентификатор отслеживания. Для этого перейдите в Google Analytics в раздел «Администратор» / «Код отслеживания». Код имеет формат UA-хххххххх-хх — просто скопируйте его:

Google Tag Manager: что это такое и как его использовать

Вставьте код в соответствующее поле менеджера тегов:

Google Tag Manager: что это такое и как его использовать

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

Теперь нужно задать правило его активации, то есть триггер. Кликните по области «Триггер» под областью «Конфигурация тега», выберите в списке триггер «Просмотр страницы (All pages)» и кликните «Сохранить»:

Google Tag Manager: что это такое и как его использовать

Это не все. Созданный тег заработает только после его публикации. Для этого кликните по кнопке «Отправить»:

Как установить Гугл камеру на поко х3 про

Google Tag Manager: что это такое и как его использовать

Укажите название версии и краткое описание (чтобы вы понимали, в чем суть внесенных изменений) и нажмите «Опубликовать»:

Google Tag Manager: что это такое и как его использовать

В разделе «Версии» появится описание новой версии тега и переменных:

Google Tag Manager: что это такое и как его использовать

Теперь система аналитики начнет собирать данные (при условии, что код Диспетчера тегов интегрирован на все страницы сайта).

2. Подключение Яндекс.Метрики

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

Google Tag Manager: что это такое и как его использовать

Теперь перейдите в сервис Яндекс.Метрика в раздел «Настройка» / «Код счетчика» и скопируйте код в поле внизу:

Google Tag Manager: что это такое и как его использовать

Вставьте этот код в поле в менеджере тегов, добавьте триггер (как вы делали при настройке Google Analytics) и нажмите «Сохранить»:

Google Tag Manager: что это такое и как его использовать

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

3. Отслеживание событий

В Google Analytics есть отчет в разделе «Поведение» / «События»:

Google Tag Manager: что это такое и как его использовать

По умолчанию он пустой. Для сбора данных необходимо настроить события с помощью Tag Manager.

События могут быть нескольких типов:

  • клик по конкретной или одной из указанных ссылок;
  • клик по элементу (например, изображению, баннеру или кнопке);
  • срабатывание по таймеру;
  • отправка формы.

Рассмотрим настройку события на примере клика по элементу страницы — кнопке «Подробнее». Для этого вначале необходимо узнать класс элемента. Для этого откройте страницу, выделите элемент и кликните в контекстном меню в браузере «Просмотреть код» и найдите название класса (в нашем примере — more-link):

Google Tag Manager: что это такое и как его использовать

Выберите в Диспетчере раздел «Переменные», нажмите «Настроить» и активируйте переменную «Click Classes»:

Google Tag Manager: что это такое и как его использовать

Создайте новый триггер (тип — «Все элементы») с условием активации «Некоторые клики». В выпадающем списке выберите переменную «Click Classes» и укажите название класса элемента. Если вы хотите, чтобы событие срабатывало только при клике по элементу на конкретной странице, то нажмите +, выберите переменную Page URL и укажите полный адрес страницы (при условии «равно») или часть страницы (при условии «содержит»):

Google Tag Manager: что это такое и как его использовать

Нажмите «Сохранить» и назовите триггер «GA — триггер — клик по кнопке Подробнее».

Теперь создайте новый тег (тип — «Universal Analytics»), укажите тип отслеживания — «Событие», Категория — «Кнопка», Действие — «Клик», Ярлык — >:

Google Tag Manager: что это такое и как его использовать

Добавьте к этому тегу триггер «GA — триггер — клик по кнопке Подробнее».

Остается проверить, чтобы не было ошибок («Предварительный просмотр») и опубликовать триггер. После этого в отчет «События» в Google Analytics начнут поступать данные.

Другие возможности Google Tag Manager

Кроме приведенных примеров использования GTM, с его помощью можно:

  • добавлять семантическую разметку на сайт (вот подробная инструкция);
  • отслеживать конверсии и настраивать ремаркетинг в Google Ads;
  • мониторить звонки после конверсии на сайте;
  • интегрировать платформу Google Optimize для A/B-тестирования;
  • связывать конверсии на разных доменах;
  • подключать сторонние сервисы (Adometry, comScore, FoxMetrics, Infinity, MouseFlow, Placed и мн. др.).

Подводим итоги

Google Tag Manager — это важный инструмент для онлайн-бизнеса, который делает работу с аналитикой намного проще и безопаснее. Он позволяет быстро управлять тегами отслеживания, оптимизации, ремаркетинга и т. п. Вы можете добавлять и изменять коды Google Ads, Google Analytics и прочих сервисов без необходимости изменения исходного кода сайта и привлечения программистов.

Приложение Google play игры на Андроид что это такое

Если вы еще не готовы сами внедрить аналитику на сайт, воспользуйтесь услугой «Персональный менеджер» от PromoPult. Специалист поможет установить и настроить счетчики веб-аналитики, настроить цели и события и прочие параметры.

Источник: blog.promopult.ru

Google Менеджер тегов

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

Примечание. Этот сайт для разработчиков будет перенесен на новый адрес developers.google.com/tag-platform к 30 сентября 2021 г.

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

Web API

Используйте Google Менеджер тегов для управления тегами (отслеживания и оптимизации JavaScript и др.) на своем сайте. Вы сможете добавлять теги Google Рекламы, Аналитики, Floodlight и сторонних поставщиков прямо в интерфейсе сервиса, не меняя код сайта. Это позволит быстрее размещать теги на сайте и сократить количество ошибок.

Mobile API

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

Шаблоны

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

REST API

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

Ресурсы

Подробную информацию о возможностях и преимуществах Google Менеджера тегов можно найти:

  • на сайте сервиса;
  • в брошюре с описанием сервиса;
  • в Справочном центре Google Менеджера тегов.

Серверное добавление тегов

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

Источник: developers.google.com

Google Tag Manager

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

«IT-специалист с нуля» наш лучший курс для старта в IT

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

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

Профессия / 8 месяцев
IT-специалист с нуля

Попробуйте 9 профессий за 2 месяца и выберите подходящую вам

vsrat_7 1 (1)

Преимущества Google Tag Manager

  1. Шаблоны для интеграции Google Analytics и ряда других метрик.
  2. Удобная работа с внедрением и редактированием тегов.
  3. Возможность использования собственных тегов.
  4. Наличие текстовой подмены для оперативного выбора нужного тега.
  5. Загрузка тегов разными этапами для ускорения работы сайта.

Из чего состоит Google Tag Manager

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

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

Порядок действий выглядит следующим образом. Каждый аккаунт Google Tag Manager содержит минимум один контейнер с одним или несколькими тегами (пример такого тега — Google Analytics). На этот тег устанавливается триггер, задаются условия срабатывания и передачи отчета о действии. Затем триггер считывает определенную переменную.

Как настроить Google Tag Manager

Авторизоваться на сервисе GTM можно через имеющийся аккаунт Google. Если его нет, создать аккаунт можно с нуля. Если аккаунт есть, необходимо нажать «Start for Free».

2-5384735

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

1-7990344

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

3-3598240

Этот код необходимо интегрировать на свой сайт в шапку. Файл с кодом может носить имя index.html, header.php или иначе при расположении сайта на CMS.

Подключение сайта к Google Analytics

4-6215384

Необходимо выбрать меню «Новый тег» (New Tag) и нажать «Создать новый тег» (Add a New Tag). В конфигурации тегов можно выбрать Google Analytics: Universal Analytics.

5-1624620

Затем нужно указать идентификатор отслеживания (Track Type) и выбрать All Pages в разделе триггеров.

image-8117200

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

Курс для новичков «IT-специалист
с нуля» – разберемся, какая профессия вам подходит, и поможем вам ее освоить

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

6-8904662

Нужно нажать на меню «Создать» (New) в правом верхнем углу панели. Затем выбрать в предложенном списке «Только ссылки» (Just Links).

7-6411072

Условием активации триггера необходимо установить клик по заданному URL, а также адрес, переходы по которому нужно будет отслеживать:

8-4543413

Настройка переменных в Google Tag Manager

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

9-5586971

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

  • страницы. Принимают адрес (полный, относительный), источник запроса и имя хоста;
  • утилиты. Служат для взаимодействия с событиями, рабочими областями, ID и версией контейнера;
  • ошибки. С их помощью можно сообщить об ошибках, посмотреть на контейнер в режиме отладки, указать адрес ошибки;
  • клики. Элементы HTML, URL, текст элементов, target-атрибуты, ID элемента;
  • формы. Может принимать атрибуты, текст формы, элементы и классы формы;
  • история. Эта переменная может принимать любое состояние истории или ее источник, поддерживать активацию триггера при изменении хеша URL.

Возможности Google Tag Manager

С помощью GTM можно решать множество разнообразных задач.

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

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

Внедрение микроразметки

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

Как тор установит на Гугл

Отслеживание переходов по внешним ссылкам

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

Просмотр отказов

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

Как установить Google Tag Manager на WordPress

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

  • установка с помощью плагина;
  • установка контейнера напрямую в код.

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

Выбор нужных тегов

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

Настройка GTM

Плагин Google Tag Manager for WordPress можно установить напрямую из панели администратора. Во вкладке «Плагины» нужно выбрать кнопку «Добавить новый» и ввести название в поисковой строке. Настройка происходит из личного кабинета пользователя. Потребуется идентификатор аккаунта, который расположен на вкладке «Администрирование».

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

Затем через вкладку Integration можно подключить GTM к нескольким популярным плагинам. После этого останется только сохранить изменения.

Обычно следующим этапом становится подключение к Google Analytics. Его идентификатор находится в разделе «Потоки данных» — «Сведения о потоке». Код нужно скопировать и вставить в описание тега.

Завершается установка настройкой триггеров. Нужно настроить обычное отслеживание, поэтому необходимо выбрать пункт «Все страницы» (All Pages). Полученные настройки останется только опубликовать. Сделать это можно на главной странице GTM. Обычно настройка занимает 20–30 минут и не требует большого опыта в программировании.

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

IT-специалист с нуля

Наш лучший курс для старта в IT. За 2 месяца вы пробуете себя в девяти разных профессиях: мобильной и веб-разработке, тестировании, аналитике и даже Data Science — выберите подходящую и сразу освойте ее.

Источник: blog.skillfactory.ru

Рейтинг
Загрузка ...