Google Tag Manager (GTM) значительно упрощает управление тегами отслеживания и маркетинговыми тегами на вашем сайте, в том числе и тегами Google Рекламы. Вместо ручного добавления и изменения кода на сайте, вы можете централизованно управлять ими через GTM. Это не только экономит время, но и снижает риск ошибок.
Преимущества использования GTM для управления тегами Google Рекламы
- Централизованное управление: Все теги Google Рекламы и других маркетинговых платформ управляются из единого интерфейса.
- Быстрое развертывание и тестирование: Добавляйте, изменяйте и тестируйте теги без необходимости изменения кода сайта и привлечения разработчиков.
- Контроль версий: GTM автоматически сохраняет историю изменений, что позволяет легко вернуться к предыдущей версии в случае необходимости.
- Встроенные шаблоны тегов: GTM предоставляет готовые шаблоны для наиболее распространенных тегов Google Рекламы, таких как отслеживание конверсий и ремаркетинг.
- Повышенная скорость загрузки сайта: Асинхронная загрузка тегов позволяет избежать блокировки рендеринга страницы.
- Гибкость и расширяемость: GTM поддерживает пользовательские теги и переменные для более сложной настройки.
Что такое Google Tag Manager и как он работает
Google Tag Manager (GTM) – это система управления тегами, которая позволяет добавлять и обновлять фрагменты кода (теги) на вашем сайте или в мобильном приложении без изменения кода. GTM работает по принципу контейнера. Вы добавляете контейнер GTM на свой сайт один раз, а затем управляете всеми остальными тегами через интерфейс GTM. Теги активируются на основе заданных триггеров, которые определяют, когда и при каких условиях тег должен быть запущен.
Краткий обзор интеграции GTM и Google Рекламы
Интеграция GTM с Google Рекламой позволяет более эффективно отслеживать конверсии, настраивать ремаркетинг и передавать данные о событиях с вашего сайта в Google Рекламу. Это позволяет оптимизировать рекламные кампании и повысить их рентабельность.
Шаг 1: Настройка Google Tag Manager
Создание аккаунта Google Tag Manager (если его еще нет)
- Перейдите на сайт Google Tag Manager.
- Войдите в свою учетную запись Google.
- Нажмите «Создать аккаунт».
- Укажите название аккаунта (например, название вашей компании).
- Выберите страну.
- Укажите название контейнера (например, название вашего сайта).
- Выберите целевую платформу (Веб-сайт, iOS, Android, AMP).
- Примите условия использования Google Tag Manager.
Установка контейнера GTM на сайт
После создания аккаунта и контейнера GTM вам будет предоставлен код контейнера. Этот код необходимо добавить на все страницы вашего сайта.
- Скопируйте код контейнера GTM.
- Разместите первый фрагмент кода (
<script>
) в<head>
вашего сайта, как можно выше. - Разместите второй фрагмент кода (
<noscript>
) сразу после открывающего тега<body>
.
Проверка установки GTM с помощью Tag Assistant
Для проверки правильности установки GTM используйте расширение Tag Assistant для Chrome:
- Установите расширение Tag Assistant Legacy (by Google).
- Включите Tag Assistant на странице вашего сайта.
- Обновите страницу. Tag Assistant должен показать, что контейнер GTM успешно загружен.
Шаг 2: Интеграция Google Tag Manager с Google Рекламой
Связывание аккаунтов Google Рекламы и Google Tag Manager
Хотя явное связывание аккаунтов через интерфейс не требуется для базового отслеживания, рекомендуется убедиться, что у вас есть необходимые разрешения в обоих аккаунтах.
Убедитесь, что у вашей учетной записи Google есть права администратора как в Google Рекламе, так и в Google Tag Manager.
Настройка тега конверсии Google Рекламы в GTM
- В Google Tag Manager перейдите в раздел «Теги» и нажмите «Создать».
- Выберите тип тега «Отслеживание конверсий Google Рекламы».
- Введите идентификатор конверсии и ярлык конверсии из Google Рекламы (эти данные можно найти в настройках конверсии в вашем аккаунте Google Рекламы).
- Выберите триггер, который будет активировать тег (например, просмотр страницы подтверждения заказа).
- Сохраните тег.
Настройка ремаркетинга Google Рекламы через GTM
- В Google Tag Manager перейдите в раздел «Теги» и нажмите «Создать».
- Выберите тип тега «Google Ads Remarketing».
- Введите идентификатор конверсии из Google Рекламы (тот же, что и для отслеживания конверсий). В современных версиях GTM это может быть идентификатор аккаунта Google Ads.
- Выберите триггер, который будет активировать тег (обычно это просмотр всех страниц сайта).
- (Опционально) Настройте параметры для динамического ремаркетинга, если вы его используете.
- Сохраните тег.
Шаг 3: Настройка тегов и триггеров в Google Tag Manager для Google Рекламы
Создание тегов для отслеживания событий (например, клики по кнопкам, отправка форм)
/**
* @param {string} eventCategory - Категория события.
* @param {string} eventAction - Действие события.
* @param {string} eventLabel - Ярлык события (опционально).
* @param {number} eventValue - Значение события (опционально).
*/
function trackEvent(eventCategory: string, eventAction: string, eventLabel?: string, eventValue?: number): void {
if (typeof dataLayer !== 'undefined' && dataLayer !== null) {
dataLayer.push({
'event': 'custom_event',
'eventCategory': eventCategory,
'eventAction': eventAction,
'eventLabel': eventLabel || '',
'eventValue': eventValue || 0
});
} else {
console.warn('dataLayer is not defined');
}
}
// Пример использования для отслеживания клика по кнопке
const button = document.getElementById('myButton');
if (button) {
button.addEventListener('click', () => {
trackEvent('Button Clicks', 'Click', 'My Button', 10);
});
}
В GTM создайте тег типа «Пользовательский HTML» и вставьте код, который отправляет событие в dataLayer. Затем настройте триггер для запуска этого тега при наступлении события (например, клик по определенному элементу).
Создание триггеров для запуска тегов (например, просмотр страницы, клик по элементу)
- Просмотр страницы: Триггер срабатывает при загрузке определенной страницы.
- Клик: Триггер срабатывает при клике по определенному элементу (кнопке, ссылке и т.д.). Можно настроить на основе ID элемента, класса или других атрибутов.
- Отправка формы: Триггер срабатывает при успешной отправке формы.
- Пользовательское событие: Триггер срабатывает при отправке события в dataLayer (как в примере выше).
Настройка переменных для передачи данных в Google Рекламу
Переменные в GTM позволяют получать данные с вашего сайта и передавать их в теги. Например, можно передавать стоимость заказа, ID продукта, и другие параметры, которые могут быть использованы для оптимизации рекламных кампаний.
Примеры переменных:
- dataLayer Variable: Получает данные из dataLayer.
- JavaScript Variable: Получает данные из JavaScript-кода на странице.
- Cookie Variable: Получает данные из cookie.
- URL Variable: Получает данные из URL.
Шаг 4: Тестирование и публикация
Предварительный просмотр и отладка тегов в GTM
Перед публикацией контейнера GTM обязательно протестируйте его в режиме предварительного просмотра.
- В Google Tag Manager нажмите кнопку «Предварительный просмотр».
- Перейдите на свой сайт в новом окне браузера.
- Внизу экрана появится панель отладки GTM, которая покажет, какие теги были активированы и какие данные были переданы.
Проверка корректности передачи данных в Google Рекламу
Убедитесь, что данные о конверсиях и другие события правильно передаются в Google Рекламу. Проверьте отчеты в Google Рекламе, чтобы убедиться, что данные собираются корректно.
Публикация контейнера GTM
После успешного тестирования опубликуйте контейнер GTM.
- В Google Tag Manager нажмите кнопку «Отправить».
- Выберите версию контейнера для публикации (или создайте новую).
- Нажмите «Опубликовать».
Рекомендации по дальнейшему использованию GTM для оптимизации Google Рекламы
- Регулярно анализируйте данные, собранные с помощью GTM, чтобы выявлять возможности для оптимизации рекламных кампаний.
- Используйте GTM для A/B тестирования различных элементов сайта, чтобы улучшить конверсию.
- Настройте отслеживание микроконверсий (например, клики по кнопкам, просмотр видео), чтобы получить более полное представление о поведении пользователей.
- Используйте GTM для передачи данных о сегментах аудитории в Google Рекламу для более таргетированной рекламы.