Настройка Google Tag Manager
tilda help center
Инструкция по созданию тега и отслеживанию событий Тильды через GTM
Google Tag Manager — это сервис компании Google, который позволяет добавить на страницу один код GTM и управлять содержимым на стороне GTM. Это позволяет не менять код каждый раз на всех страницах, если вам понадобятся изменения в коде. В GTM можно добавить как свой код, так и код сервисов аналитики, например, Google Analytics.
Важно: Если вы подключаете Google Tag Manager и внутри него активируете счетчик Google Analytics, дополнительно подключать счетчик в настройках сайта нельзя — данные будут задваиваться.
Пошаговая инструкция по созданию контейнера и добавлению его на Тильду
Приветственный экран сервиса Google Tag Manager. Для регистрации нужно нажать кнопку «START FOR FREE»
После регистрации вы попадете на экран создания контейнера. Введите название аккаунта, где будут лежать контейнеры, а потом нажмите «Continue» или «Далее»
Введите название контейнера — адрес сайта, для которого и регистрировались в Google Tag Manager, и нажмите кнопку «Web» или «Интернет»
Ознакомьтесь с пользовательским соглашением и нажмите «Далее»
Справа вверху вы увидите номер вида GMT-XYYYXX, его нужно добавить в Настройки сайта → Аналитика → Google Tag Manager ID
Вставив Google Tag Manager ID в указанное поле, необходимо нажать кнопку «Сохранить изменения», после чего опубликовать весь проект (это необходимо, чтобы Тильда прописала код Google Tag Manager на каждой странице проекта). Как только все страницы опубликованы, вернитесь на сайт Google Tag Manager, чтобы добавить в него Google Analytics.
Инструкция по созданию тегов в GTM
Все новые сервисы или счетчики добавляются через «Новый тег» — блок, находящийся в левом верхнем углу.
После создания тега нажмите на поле «Конфигурация тега»
Для примера добавим тег с Google Analytics
Оставьте тип отслеживания «Просмотр страницы», а в поле Настройки Google Analytics выберите настройку «Новая переменная»
Вставьте идентификатор Google Analytics (откуда его взять, можно почитать у нас или в справочном центре Гугла).
Сохраните изменения, перейдите в настройки триггеров и выберите там вариант «All Pages» или «Все страницы», после этого сохраните тег.
В окне с предложением переименования тега вы можете переименовать тег или оставить стандартное название
Нажмите на кнопку Отправить — все изменения начнут работать только после публикации контейнера.
Появится окно, в котором вы можете создать новую версию тега и опубликовать все изменения.
После процесса публикации через какое-то время в Google Analytics начнется фиксация посещений вашего сайта. Вы можете изменять текущие теги или добавлять новые, например, для отслеживания отправки форм или переходов по внешним ссылкам.
Важно: К сожалению, поддержка Тильды не может помочь по вопросам, связанным с настройкой Google Tag Manager, но вы можете прочитать статьи об отслеживании событий Google Analytics и Яндекс.Метрики, используя GTM, предоставленные ниже.
Дополнительные материалы по отслеживанию данных с помощью GTM
Полная обзорная статья на Tilda Education
Статья об отслеживании событий Google Analytics в блоге Tildatricks
Статья об отслеживании событий Яндекс.Метрики в блоге Tildatricks
Все статьи по аналитике сайта
Встроенные возможности и подключаемые сервисы аналитики
Как смотреть статистику сайта
Подробнее
Как смотреть статистику интернет-магазина
Перейти
Как подключить и настроить Google Analytics
Перейти
Как подключить и настроить Яндекс. Метрику
Перейти
Как подключить и настроить GTM
Перейти
Как отправлять данные о достижении цели в GA и Яндекс.Метрику
Перейти
Как отправлять данные электронной коммерции
Перейти
Подключение пикселя Facebook
Перейти
Подключение пикселя ВКонтакте
Перейти
Добавление счётчика top.mail.ru
Перейти
Большая подборка материалов для изучения Google Tag Manager / Хабр
Saygin
Веб-аналитика *Интернет-маркетинг *Контекстная реклама *Повышение конверсии *Поисковая оптимизация *
Tutorial
Привет, Хабр!
Меня зовут Артём Сайгин, я веду проект «Growth Lab», в котором рассказываю о digital-маркетинге и росте IT-продуктов.
Cделал для вас большую подборку материалов для самостоятельного изучения Google Tag Manager. В статье вы найдете всю необходимую информацию по работе GTM — от самых базовых вещей (что такое GTM, какие бывают типы триггеров) до работы с dataLayer и CSS-селекторами.
Добавляйте в закладки, чтобы не потерять.
Если я не добавил стоящий материал, свяжитесь со мной, добавлю.
Приступим!
Знакомство с Google Tag Manager
- Обзор менеджера тегов.
- Термины и определения, встречающиеся в работе.
- 10 причин начать работу с Google Tag Manager.
- Подготовка к реализации.
- Что такое теги в GTM.
- Основы работы с GTM.
- Что такое триггеры в GTM.
- Типы триггеров.
- Что такое переменные в GTM.
- Как теги, триггеры, переменные и уровень данных взаимодействуют друг с другом.
- Что такое Google Tag Manager и как им пользоваться.
- Какие платформы и функции поддерживает GTM.
Начало работы
- Регистрация в GTM и установка контейнера.
- Публикация контейнеров.
- Как установить Google Tag Manager на свой сайт.
- Пошаговая настройка Google Tag Manager для начинающих.
- Предварительный просмотр и отладка контейнеров.
- Режим отладки в GTM.
- Управление доступом к контейнерам.
Структура аккаунта
- Структура аккаунта.
- Администрирование в GTM.
- Организация контейнеров.
- Рабочие области в GTM.
- Папки.
- Среды.
Установка Google Analytics
- Что такое Google Tag Manager и как настроить Google Analytics с его помощью.
- Создание и управление тегом Universal Analytics через GTM.
- Как установить Google Analytics через Google Tag Manager и не потерять данные при переходе.
- Как проверить, используется ли Google Analytics на веб-странице.
Установка «Яндекс.Метрики»
- Инструкция: настраиваем цели «Яндекс.
Метрики» через GTM.
- Шаблон тега «Яндекс.Метрики» в Google Tag Manager.
Отслеживание времени сессии, копирования текста и скроллинга
- Отслеживание глубины скроллинга и времени на активной вкладке.
- Отслеживание глубины прокрутки.
- Как через GTM в Analytics передать время активности пользователя на странице.
- Отслеживание скопированного текста.
- Как настроить цели «Клик по email» и «Копирование email».
- Базовые триггеры просмотра страницы в Google Tag Manager: Page View, DOM Ready, Window Loaded.
Установка пикселей «ВКонтакте», MyTarget, Facebook
- Как установить пиксель Facebook и Instagram.
- Использование пикселя Facebook с Google Tag Manager.
- Установка пикселя MyTarget сайт.
- Установка пикселя «ВКонтакте» на сайт.
Отслеживание кликов по элементам сайта и загрузка файлов
- Отслеживание исчезающих элементов с помощью GTM.
- Как использовать CSS-селекторы в GTM.
- Как настроить прослушивание кликов в Google Tag Manager 2.0.
- Отслеживание выбранного элемента из выпадающего списка в GTM.
- CSS-селекторы в GTM. Часть I.
- Селекторы в jQuery. Часть II.
- Отслеживание событий с помощью CSS-селекторов.
- Как настроить воронку продаж через GTM.
- Отслеживание динамического источника с помощью GTM.
- Отслеживание чекбоксов с помощью GTM.
- Отслеживание загрузки файлов в «Яндекс.Метрике» и Google Analytics.
Отслеживание показателя отказов, гео- и IP-адресов
- Настройка показателя отказов в Analytics через Google Tag Manager — руководство.
- Определение геолокации пользователя с помощью GTM.
- IP-адрес с помощью Google Tag Manager.
- Передача IP-адреса в Яндекс.Метрику.
- Передача IP-адреса посетителя в Google Analytics.
Настройка электронной торговли и DataLayer
- Что такое стандартная электронная торговля в Google Analytics.
- Что такое расширенная электронная торговля в Google Analytics.
- Общие сведения о уровнях данных.
- Data Layer в Google Tag Manager: Некраткая инструкция.
- Настройка стандартной электронной торговли.
- Внедрение расширенной электронной торговли при помощи Google Tag Manage.
- Как в «Яндекс.Метрике» использовать dataLayer из Google Tag Manager.
- Отслеживаем эффективность промобаннеров на сайте с помощью Google Tag Manager.
- Тэг «АвтоСобытия», или упрощаем себе жизнь в GTM.
- Руководство для разработчика для реализации dataLayer.
Отслеживание форм
- Как настроить аналитику форм с помощью GTM и Google Analytic.
- Аналитика форм на сайте — настройка в Google Tag Manager.
- Проверка валидации формы в GTM при клике.
- Отслеживание отправки формы с помощью триггера «Видимость» элемента.
- Отслеживание значений полей в GTM.
- Отслеживание окон alert () с помощью GTM.
Цели и пользовательские отчеты
- Пользовательские шаблоны в GTM: разбираемся на примере.
- Инструкция: настраиваем цели «Яндекс.Метрики» через Google Tag Manager.
- Устанавливаем события Facebook на кнопки и формы через GTM.
- Отcлеживание целей и настройка событий GA через GTM.
Отслеживание видео
- Отслеживание взаимодействия с видео.
- Простой способ отслеживать встроенное YouTube-видео в Google Analytics.
Настройка ремаркетинга
- Как настроить динамический ремаркетинг в Google Ads с помощью GTM.
- Динамический ремаркетинг в Facebook — подробный мануал по технической подготовке.
- Как настроить пиксель ретаргетинга «ВКонтакте» на сайте через Google Tag Manager.
User ID и Client ID
- Client ID в Google Analytics: что это такое и как настроить.
- Что такое User ID.
- Подробнее об User ID.
- Ограничения в отношении функции User ID.
- Два способа получения Client ID Google Analytics в Google Tag Manager.
- Как фиксировать максимум реальных ClientID Google Analytics.
Cookie, session и local storage
- Анализируем навигацию посетителей с помощью вкладок браузера (работа с session и local storage).
- Установка и чтение cookie с помощью Google Tag Manager.
Диагностика сайта
- Как найти фейковые 404-страницы с помощью Google Tag Manager.
- Как быстро найти ошибки на сайте: проверка важных тегов с помощью GTM и таблиц Google.
Расширенные возможности GTM
- Начинаем работать с Google Analytics: App + Web.
- Подстановка ключевой фразы в заголовок сайта через GTM — инструкция.
Дополнительные материалы по GTM
- Google Tag Manager: неочевидные и полезные настройки триггеров.
- Ускоряем настройку Google Tag Manager с помощью GTM Tools.
- Плагины и расширения для браузеров GTM.
- «Основы Google Tag Manager» курс от Google Academy.
Еще больше полезных материалов
Возможно вам будет интересно изучить и другие мои статьи:
- Большая подборка материалов для изучения веб-аналитики.
- Простыми словами о Programmatic.
- Подборка бесплатных курсов по интернет-маркетингу.
- Таблица полезных ресурсов для маркетологов.
Больше подобных статей можно читать на моём Telegram-канале
«Growth Lab» или на сайте «growth-lab.pro».
Не забудьте поделиться с коллегами или просто с теми, кому может быть интересна статья.
Всем знаний!
Теги:
- gtm
- google tag manager
Хабы:
- Веб-аналитика
- Интернет-маркетинг
- Контекстная реклама
- Повышение конверсии
- Поисковая оптимизация
Всего голосов 11: ↑10 и ↓1 +9
Просмотры23K
Комментарии 1
Artem @Saygin
Head of Growth at Yandex
Комментарии Комментарии 1
Упрощение измерений с помощью тега Google
02 августа 2022 г.
min read
Scott Herman
Менеджер группы по продукции, тегирование
Измерение — это основа цифровой рекламы. Точное измерение зависит от надежных тегов, которые помогут вам охватить людей, которые посетили ваш веб-сайт или приложение. Он также служит основой для ориентированной на конфиденциальность стратегии измерения, основанной на информации, которую люди соглашаются предоставить вам, так называемых согласованных данных, данных первой стороны и смоделированных данных. Крайне важно, чтобы у рекламодателей были надежные теги для всего сайта, поскольку устаревшие идентификаторы, такие как сторонние файлы cookie, постепенно устаревают. Теги помогут вам повысить конфиденциальность пользователей, не отставать от быстро меняющихся правил и продолжать измерять производительность и моделировать идеи.
Развитие в соответствии с вашими потребностями в измерениях
Чтобы помочь вам идти в ногу с изменениями в отрасли, мы централизовали наши решения по тегам с помощью Диспетчера тегов Google, корпоративной системы управления тегами и глобального тега сайта (gtag.js), который позволяет рекламодателям отправлять данные о событиях в Google Analytics, Google Ads и Google Marketing Platform. Но мы слышали от вас, что теги по-прежнему обременительны.
Сегодня мы продолжаем улучшать процесс добавления тегов с помощью нового тега Google — единого многократно используемого тега, созданного поверх ваших существующих реализаций gtag.js, который поможет вам уверенно оценивать влияние и сохранять доверие пользователей. Начиная с сегодняшнего дня и в течение следующей недели тег Google откроет новые возможности, которые помогут вам делать больше, улучшать качество данных и внедрять новые функции — без дополнительного кода. Как мы ранее рекомендовали с глобальным тегом сайта, тег Google должен быть установлен на всех страницах вашего сайта.
Для клиентов, использующих Диспетчер тегов Google, сегодня не будет никаких изменений в настройках. Но следите за будущими обновлениями о более тесной интеграции и путях обновления между тегом Google и Диспетчером тегов Google.
Централизованное добавление тегов на весь сайт
Рекламодатели с несколькими экземплярами gtag. js теперь могут объединять эти теги и централизованно управлять своими настройками на экранах тегов Google в Google Ads и Google Analytics. Так как будет проще настроить теги для всего сайта, а также комбинировать или повторно использовать теги, вы можете легко увеличить количество тегированных страниц с последовательной конфигурацией. Это помогает улучшить измерения, что приводит к более качественному пониманию клиентов. Теперь вы также можете управлять доступом пользователей к настройкам тегов для разных продуктов в одном специальном месте, что дает вам больше контроля над тем, кто имеет доступ к важным настройкам измерений. Будьте уверены, ваши существующие реализации gtag.js продолжат работать и автоматически станут тегом Google.
Объединяйте свои теги и централизованно управляйте настройками без дополнительного кода
Более быстрая и простая настройка
В ближайшие месяцы вы также сможете использовать существующую установку тега Google при настройке другого продукта или учетной записи Google или создании новой конверсии действий вместо того, чтобы каждый раз настраивать дополнительный код. Мы упростили сложные рабочие процессы для простой и быстрой настройки, которая работает в Google Рекламе и Google Analytics в уже знакомых вам интерфейсах продуктов.
А для клиентов, использующих популярные системы управления контентом, такие как HubSpot, Squarespace или Wix, вы сможете установить новый тег Google без какого-либо кода.
Готовимся сегодня к будущему
Тег Google — это новый централизованный подход к тегированию, интегрированный со многими другими нашими решениями по обеспечению конфиденциальности, чтобы предоставить рекламодателям больше контроля и простоту использования. Как и в случае с вашими существующими реализациями gtag.js и Диспетчера тегов Google, тег Google по-прежнему хорошо работает с такими решениями, как режим согласия и тегирование на стороне сервера.
Тег Google — это первое из многих будущих улучшений, и в ближайшие месяцы у нас будет больше информации, чтобы вы могли лучше подготовиться сегодня к будущему.
ОПУБЛИКОВАНО В:
Гугл
Проверка ваших тегов еще никогда не была такой простой!
Google Tag Assistant (устаревшая версия) – это бесплатное расширение для Chrome, которое поможет вам убедиться, Теги Google, такие как Google Analytics, Диспетчер тегов Google, отслеживание конверсий Adwords, и многое другое работает корректно. Используя Tag Assistant, вы можете вносить изменения в свои теги. и мгновенно убедитесь, что они стреляют по назначению.
Просто перейдите на любую страницу, и Tag Assistant сообщит вам все теги, которые есть на эта страница. Вы получите отчет обо всех найденных ошибках и предложения по их устранению. улучшение.
Google Tag Assistant Recordings позволяет проверять, диагностировать и устранять неполадки
проблемы с вашей реализацией Google Analytics в режиме реального времени. Вы можете записывать типичные
потоки пользователей через ваш веб-сайт и получить немедленный анализ вашей настройки. Тег Google
Assistant Recordings может помочь вам найти отсутствующие или искаженные теги, недопустимые события и
фильтры и многое другое.
клавиатура_стрелка_влево клавиатура_стрелка_вправо
Функции
Функции
Заставьте ваш сайт работать.
Информация о ваших пользователях хороша настолько, насколько хороши инструменты, отслеживающие их. Ярлык
Ассистент позволяет быстро увидеть, какие трекеры вашего сайта работают как
ожидал. А если возникнут проблемы, Tag Assistant поможет вам
находите решения, игнорируйте ненужные теги, тестируйте изменения и возвращайте свой сайт обратно
работать.
Функции
Просмотр данных, кода и событий.
Помощник по тегам предоставляет каждый бит информации о метаданных ваших тегов, а также соответствующий фрагмент кода. Кроме того, события и запросы количественно и на видном месте для быстрого, сканируемого просмотра удара ваши теги испытывают.
Поддерживать
Присоединяйтесь к нашему сообществу.
Как и многие продукты Google, Tag Assistant имеет активную и знающую базу пользователей.
В нашем справочном центре и сообществе Google+ вы найдете множество вопросов и
ответы на многие вопросы Tag Assistant, и мы всегда поощряем нашу поддержку
ресурсы для роста по мере необходимости.