Установка и настройка Google Analytics через Google Tag Manager
Инструкция по настройке аналитики с помощью Google Tag Manager
Google Tag Manager — инструмент, который облегчает настройку веб-аналитики для вашего бизнеса. Хотите установить счетчик Google Analytics через Tag Manager? Читайте, как это сделать, в нашей статье.
Поделиться
Google Tag Manager — инструмент, который облегчает настройку веб-аналитики для вашего бизнеса. Хотите установить счетчик Google Analytics через Tag Manager? Читайте, как это сделать, в нашей статье.
А зачем это нужно?
Веб-аналитика нужна для того, чтобы оценивать и повышать эффективность рекламных кампаний. С ее помощью можно:
- Iпонять, какие рекламные кампании работают лучше;
- грамотно распределить рекламный бюджет;
- снизить стоимость привлечения клиентов;
- набрать данные для ремаркетинга — чтобы «возвращать» покупателей.
Кратко о Google Tag Manager
Чтобы веб-аналитика работала, нужно добавить в код вашего сайта счетчики всех рекламных систем, которые вы используете. Это могут быть, например, код Google Analytics, Яндекс.Метрики и пиксель Facebook. Затем для каждого из них требуется настроить отправку событий, цели и конверсии — во многих случаях вам понадобится помощь программиста.
Вместо того, чтобы размещать и проводить настройку счетчиков по одному, вы можете разместить их на сайте одним «пакетом» — через Google Tag Manager. Этой системой также удобно пользоваться, если ваш бизнес переедет на другой сайт — вы просто перенесете контейнер с тегами одним действием, и повторную настройку проводить не понадобится.
Установка аналитики через Tag Manager
Подготовка: создание аккаунта в Google Tag Manager
- Войдите в учетную запись Google, введите в поисковой строке tagmanager.google.com.
- Нажмите на кнопку «Создать аккаунт».
Кнопка «Создать аккаунт» в Менеджере тегов - Назовите аккаунт и выберите страну.
Создание аккаунта Google Tag Manager - Дайте название контейнеру — в нем будут собраны все счетчики рекламных систем для вашего сайта.
- Выберите целевую платформу — веб-сайт, приложение для iOS или Android, AMP или сервер.
- Нажмите на кнопку «Создать».
Создание контейнера в Менеджере тегов
Получение кода счетчика GTM
Коды Google Tag Manager
Установка счетчика Google Analytics в GTM
- Нажмите на вкладку «Теги», а затем — на кнопку «Создать».
Настройка аналитики в Google Tag Manager - Назовите тег и нажмите на вкладку «Конфигурация тега» — в ней вы выбираете действие, которое будет отслеживаться системой.
Вкладка «Конфигурация тега» - Выберите один из вариантов конфигураций тега.
Типы конфигураций тега - В выпадающем меню «тип отслеживания» выберите по стандарту «Просмотр страницы».
Настройка конфигурации в GTM - В выпадающем меню «Настройки Google Analytics» выберите «Новую переменную» и введите ее конфигурацию. Подробная инструкция о том, где ее найти, есть в «Справке» Google.
- На вкладке «Триггеры» кликните на All Pages — чтобы тег применялся ко всем страницам сайта.
- Нажмите на кнопку «Сохранить».Кнопка «Сохранить» в меню настройки тега
Установка счетчика Яндекс.Метрики в GTM
- Нажмите на вкладку «Теги» в Google Tag Manager, а затем — на кнопку «Создать».
- Назовите тег и нажмите на вкладку «Конфигурация тега». Выберите пункт «Пользовательский HTML».
Тип тега «Пользовательский HTML» - Скопируйте код из Яндекс.Метрики и вставьте в появившееся окошко.
Поле для ввода кода из Яндекс.МетрикиКод счетчика в Яндекс.Метрике находится во вкладке «Настройки» — найдите его и нажмите на кнопку «Скопировать код».
Код счётчика Яндекс.Метрики - На вкладке «Триггеры» в GTM кликните на All Pages.
- Нажмите на кнопку «Сохранить».
Установка Facebook Pixel в GTM
Добавить Facebook Pixel в Менеджер тегов можно так же, как и счетчик Яндекс.Метрики. Скопируйте код пикселя в Facebook Ads и вставьте в окошко Google Tag Manager — через конфигурацию «Пользовательский HTML».
Еще один способ — партнерская интеграция. Для этого зайдите в настройки пикселя в Events Manager на Facebook. В разделе API Conversions нажмите на кнопку «Выбрать партнера» — и найдите в списке Google Tag Manager.
Раздел API Conversions в настройках Facebook Pixel
Настройка отслеживания событий
Чтобы созданные вами теги работали, нужны триггеры — события, на которые будут реагировать счетчики рекламных систем.
- Нажмите на вкладку «Триггеры», а затем — на кнопку «Создать».
Кнопка «Создать» на вкладке «Триггеры» - Нажмите на вкладку «Настройка триггера». В появившемся меню выберите его тип. Например — «Взаимодействия пользователей» → «Глубина прокрутки».
Меню выбора типа триггера в GTM - Дальше укажите детали. В случае с глубиной прокрутки страницы можно указать проценты или пиксели. Допустим, пользователь скроллит страницу и пролистывает ее на 25% — срабатывает триггер и событие засчитывается.
Меню настройки триггера в GTM - Нажмите на кнопку «Сохранить».
Важно! Триггеров должно быть столько, сколько событий вы хотите отслеживать. К счетчикам можно добавлять любое количество триггеров прямо в интерфейсе Google Tag Manager — а также проводить их настройку и удалять.
Чтобы добавить, изменить или удалить триггер, зайдите во вкладку «Теги», поставьте галочку у нужного вам тега и нажмите на значок «Изменить триггеры».
Значок «Изменить триггеры» во вкладке «Теги»
Верификация сайта в Google Search Console и Яндекс.Вебмастер через GTM
Еще одна полезная вещь, которую можно сделать с помощью Менеджера тегов — подтвердить право собственности на сайт в Google Search Console и Яндекс.Вебмастере. Это инструменты, с помощью которых вы можете узнать, по каким запросам и на какие страницы сайта попадают пользователи из Google и Яндекса.
Google Search Console
- Войдите в Google Search Console через ту же учетную запись, которую вы используете для Tag Manager.
- Система предложит вам выбрать тип ресурса и ввести URL — сделайте это и нажмите на кнопку «Продолжить».
Меню выбора типа ресурса в GSC - Откроется окно «Подтверждение права собственности». Выберите пункт «Google Менеджер тегов» и нажмите на кнопку «Подтвердить».
Пункт «Google Менеджер тегов»
Яндекс.Вебмастер
- Войдите в Яндекс. Вебмастер и на странице «Мои сайты» нажмите на кнопку «Добавить сайт».
Страница «Мои сайты» в Яндекс.Вебмастере - Укажите адрес сайта и нажмите на кнопку «Добавить».
Строка добавления сайта в Яндекс.Вебмастер - Выберите метатег как способ подтверждения прав на сайт — и скопируйте его.
Метатег для подтверждения права владения сайтом - Зайдите в GTM и создайте новый тег с конфигурацией «Пользовательский HTML». Вставьте код в окошко.
Поле для ввода метатега из Яндекс.Вебмастера - На вкладке «Триггеры» кликните на All Pages.
- Нажмите на кнопку «Сохранить».
Вебмастер и на странице «Мои сайты» нажмите на кнопку «Добавить сайт».Если в дальнейшем в код счетчиков нужно будет внести изменения, это легко сделать через Google Tag Manager.
Оглавление
Что ещё почитать
Как экономить до 20 часов в неделю на управлении рекламой: опыт диджитал-агентств
Читайте мини-исследование К50 и пользуйтесь находками коллег
С 1 августа прекращаем поддержку Google Ads
Статистику можно сохранить до 15 августа
15 универсальных правил для управления рекламой в Яндекс Директе и MyTarget
Упростите оптимизацию рекламы и экономьте время на анализ результатов.
В статье собрали подборку правил, которые будут полезны в любом проекте
Подключение 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
- Размещаете у себя на сайте или в мобильном приложении код контейнера GTM.
- Через интерфейс 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+ лучших ресурсов от профессионалов
Продвижение в социальных сетях (СММ) бизнеса товаров и услуг
Аналитика сайта — как повысить конверсию сайта, используя веб-аналитику
| Показать больше |
Диспетчер тегов | Piwik PRO Analytics Suite
Диспетчер тегов Piwik PRO позволяет упростить управление всеми деталями сбора и активации данных.
Тратьте меньше времени на заботы о тегах и больше времени на работу с данными.
Этот модуль входит в бесплатный план Piwik PRO Core.
Получить пользовательскую демонстрацию Используйте бесплатный базовый план
Быстро создавайте и отлаживайте теги
Быстро создавайте теги из множества шаблонов. Настройте любой тег с помощью кода JavaScript. Внедряйте, тестируйте и отлаживайте все быстро в Диспетчере тегов.
Управление данными
Все данные, которые вы собираете с помощью Диспетчера тегов, остаются там, где вы их разместили. Если это для внутреннего использования, вы увидите его в Google Analytics и сохраните полный контроль.
Конфиденциальность и безопасность данных
Классифицируйте теги и используйте Piwik PRO Consent Manager, чтобы убедиться, что теги срабатывают только при наличии соответствующего согласия. Всегда контролируйте собранные данные.
Развертывание тегов и управление ими
Управление маркетинговым стеком
Легко управляйте тегами, пикселями и кодами JS для своих веб-сайтов, цифровых продуктов и защищенных зон.
Библиотека тегов, триггеров и переменных
Благодаря обширной библиотеке шаблонов тегов, триггеров и условий можно быстро реализовать даже самое сложное отслеживание, не затрагивая ни строчки кода JavaScript.
Готовая интеграция с аналитикой
Расширьте свои аналитические возможности с помощью шаблонов для настраиваемых событий и переменных, отслеживания форм, преобразования целей и виртуальных просмотров страниц.
Обеспечение качества и отладка
Среда тестирования и отладки
Используйте безопасную среду для тестирования новых тегов, пикселей и маркетинговых инструментов перед их запуском. Воспользуйтесь преимуществами режима отладки, чтобы быстро решить любые потенциальные проблемы.
Повышенная конфиденциальность для всех тегов
Используйте интеграцию с Consent Manager, чтобы определить, какие теги требуют предварительного согласия, и настроить отслеживание в соответствии с настройками конфиденциальности пользователя.
Использовать Калькулятор преимуществ диспетчера тегов и посмотрите, сколько вы сэкономите, освободив свой ИТ-отдел от маркетинговой деятельности.
Параметры настройки
Пользовательские теги и триггеры
Воспользуйтесь преимуществами пользовательских тегов или HTML-редактора для создания и изменения пикселей отслеживания для любой необходимой вам настройки.
Гибкий и настраиваемый уровень данных
Если стандартных возможностей диспетчера тегов недостаточно, используйте уровень данных, чтобы добавить в теги дополнительную информацию о событиях и переменных.
Пользовательские переменные JavaScript
Для еще большей гибкости маркетинговых тегов вы также можете вызывать пользовательские переменные с помощью кода JavaScript.
Ретаргетинг и персонализация на месте
Пользовательские всплывающие окна
Запуск ненавязчивых, адаптированных всплывающих окон и сообщений, запускаемых по намерению выхода, времени, прокрутке или другим типам поведения пользователя.
Персонализированный контент
Используйте данные отдельных посетителей для персонализации контента вашего веб-сайта (например, баннеров, рекламы и других элементов HTML).
Отчеты об эффективности
Проанализируйте показатели производительности и посмотрите, как посетители взаимодействуют с пользовательским контентом и всплывающими окнами.
Профессиональные услуги и обслуживание клиентов
От внедрения и адаптации, обучения работе с продуктом до консультирования по аналитике и индивидуальной интеграции — мы обеспечиваем индивидуальный подход на каждом этапе вашего пути с Piwik PRO.
Подробнее
Сравнение 7 менеджеров тегов – 70 факторов от типов тегов до конфиденциальности
Узнайте о различиях между Диспетчером тегов Piwik PRO, Диспетчером тегов Google, Управлением тегами Tealium IQ, Сегментом, TagCommander, Диспетчером тегов Matomo и Ensighten Manage.
Загрузить
Воспользуйтесь бесплатным тарифным планом Core или получите пользовательскую демонстрацию настройки тарифного плана Enterprise.
Получите расширенную и конфиденциальную аналитику в любом случае.Получить пользовательскую демонстрацию Используйте бесплатный базовый план
Как настроить Google Analytics 4 с помощью Диспетчера тегов Google
Google Analytics 4 предлагает надежный основанный на событиях подход к отслеживанию активности на веб-сайте.
Однако прекращение поддержки Universal Analytics вынудило многих маркетологов заново изучить свою любимую аналитическую платформу, используя совершенно другой интерфейс и пройдя новый процесс настройки.
Настройка событий и конверсий также требует более длительного обучения.
К счастью, Диспетчер тегов Google (GTM) может упростить процесс настройки GA4 на вашем сайте и уменьшить зависимость от необходимости настраивать код.
В этой статье показано, как развернуть базовый код отслеживания GA4 через GTM, а также как создавать настраиваемые события для получения более полных данных.
Как настроить основной код GA4
Тег gtag.
js — это основной код отслеживания, который необходимо разместить на вашем сайте. Как только вы запустите это для всех страниц, вы начнете записывать все треки данных GA4 по умолчанию для посетителей веб-сайта.
GTM позволяет настроить этот тег так же просто, как несколько кликов и вставка идентификатора учетной записи.
Примечание . Если на вашем сайте уже активируется тег Universal Analytics (analytics.js), вы можете оставить его активным вместе с GA4. Однако, согласно Google, Universal Analytics прекратит запись данных 1 июля 2023 г. (свойства GA360 будут записываться до 1 июля 2024 г.). Данные будут доступны в течение как минимум шести месяцев после этого момента.
Шаг 1
Чтобы начать настройку тега GA4, перейдите к нужной учетной записи и контейнеру в GTM и выберите «Добавить новый тег».
Шаг 2
Теперь нажмите «Конфигурация тегов», чтобы просмотреть параметры для различных типов тегов. Выберите Google Analytics: Конфигурация GA4 .
Шаг 3
Вы увидите поле для ввода идентификатора измерения. Найдите свой идентификатор измерения в своей учетной записи и вставьте его сюда.
Сохранив этот тег, вы сможете выбрать его из раскрывающегося списка в будущем при настройке событий GA4 вместо того, чтобы каждый раз искать идентификатор вручную.
Для большинства пользователей лучше оставить флажок «Отправлять событие просмотра страницы при загрузке этой конфигурации». Это гарантирует, что каждый раз, когда пользователь посещает новую страницу, просмотр страницы будет отслеживаться в конце GA4.
Могут быть некоторые более сложные случаи, когда вы не хотите активировать просмотр страницы. (Например, если вы используете тег для установки свойств вошедшего в систему пользователя или клиента, выполняющего транзакцию без изменения URL-адреса страницы.) хотите, чтобы тег активировался на вашем сайте. В большинстве случаев вы, вероятно, захотите, чтобы GA4 запускался на всех страницах.
Однако, в зависимости от ваших настроек, вы можете захотеть исключить определенные страницы, например, личные разделы входа.
Вы можете создавать правила на основе URL-адресов, кликов по определенным элементам страницы и т. д., чтобы точно указать, где срабатывает тег.
Шаг 5
Сохраните свой тег и опубликуйте свой контейнер GTM, чтобы запустить его. Теперь вы должны увидеть срабатывание GA4 на своем сайте.
Чтобы еще раз убедиться, что вы действительно отслеживаете сеансы, проверьте раздел «Реальное время» в Google Analytics. Вы должны увидеть свое собственное посещение, отраженное здесь вскоре после посещения сайта.
Имея базовый тег gtag.js, вы можете настроить дополнительные параметры, например добавить события.
Получайте ежедневный информационный бюллетень, на который полагаются поисковые маркетологи.
Настройка отслеживания событий для GA4 в Диспетчере тегов Google
Опираясь на основное внимание к измерению на основе событий, GA4 поставляется со встроенным отслеживанием событий для нескольких взаимодействий на сайте, которые ранее требовали пользовательской настройки в Universal Analytics.
Непосредственно в интерфейсе GA4 вы можете включить расширенную статистику, чтобы запускать события для активности прокрутки, исходящих кликов, загрузки файлов и просмотров видео.
Однако обратите внимание, что для этих событий по-прежнему существуют ограничения по сравнению с более продвинутыми параметрами отслеживания, которые вы можете настроить через GTM.
Например, опция отслеживания прокрутки просто запускает событие «прокрутки», как только пользователь достигает нижней части страницы (измеряется в точке 90%). По умолчанию вы не сможете отслеживать, когда пользователь начинает прокручивать страницу до более ранних точек.
Однако, используя GTM, вы можете запускать события с определенными параметрами для различных порогов прокрутки на странице (например, 25% / 50% / 75% / 100%) для более полного анализа.
Прелесть GTM заключается в возможности легко запускать события для широкого спектра действий, которые пользователи могут выполнять на сайте.
Мы будем использовать отслеживание прокрутки в качестве примера настройки события, но обратите внимание, что вы можете использовать тег Event GA4 для создания событий для любых триггеров, доступных в GTM.
Шаг 1
Для начала создайте новый тег с типом тега «Google Analytics: событие GA4». Выберите свой идентификатор GA4 в разделе «Тег конфигурации».
Шаг 2
Затем введите название события, которое должно отображаться в интерфейсе Google Analytics. В этом случае мы используем «прокрутку» для согласования с существующим событием «прокрутки», которое отслеживает GA4.
Шаг 3
Щелкните раздел «Параметры события», чтобы развернуть его. Здесь мы можем добавить настраиваемый параметр для отправки дополнительных сведений о событии в Google Analytics.
В этом случае мы будем отправлять процентные значения, когда люди прокручивают до определенных точек на странице.
Шаг 4
Мы будем использовать «scroll_depth» для имени параметра.
Затем значение будет {{Порог глубины прокрутки}} , переменная в GTM, которая будет получать процент прокрутки, когда люди взаимодействуют со страницей, и данные отправляются обратно.
Шаг 5
Нам нужно создать триггер для определения значений, которые мы хотим отслеживать. Щелкните в нижней части раздела «Триггеры», чтобы запустить новый триггер, и выберите Scroll Depth Trigge r.
Затем вы можете выбрать глубину прокрутки по вертикали или горизонтали и выбрать между отслеживанием на основе процентов или глубины пикселей.
Из-за различных размеров экранов, с которых люди могут просматривать, вариант с процентным соотношением, вероятно, будет лучшим выбором. Добавьте числа точек прокрутки, которые вы хотите отслеживать, через запятую.
Шаг 6
Сохраните триггер, сохраните свой тег и опубликуйте его в реальном времени.
Теперь при просмотре раздела «События» в Analytics вы должны увидеть более подробные данные прокрутки.
