Как добавить Google Tag Manager в Google Рекламу: пошаговая инструкция

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 (если его еще нет)

  1. Перейдите на сайт Google Tag Manager.
  2. Войдите в свою учетную запись Google.
  3. Нажмите «Создать аккаунт».
  4. Укажите название аккаунта (например, название вашей компании).
  5. Выберите страну.
  6. Укажите название контейнера (например, название вашего сайта).
  7. Выберите целевую платформу (Веб-сайт, iOS, Android, AMP).
  8. Примите условия использования Google Tag Manager.

Установка контейнера GTM на сайт

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

  1. Скопируйте код контейнера GTM.
  2. Разместите первый фрагмент кода ( <script>) в <head> вашего сайта, как можно выше.
  3. Разместите второй фрагмент кода (<noscript>) сразу после открывающего тега <body>.

Проверка установки GTM с помощью Tag Assistant

Для проверки правильности установки GTM используйте расширение Tag Assistant для Chrome:

  1. Установите расширение Tag Assistant Legacy (by Google).
  2. Включите Tag Assistant на странице вашего сайта.
  3. Обновите страницу. Tag Assistant должен показать, что контейнер GTM успешно загружен.

Шаг 2: Интеграция Google Tag Manager с Google Рекламой

Связывание аккаунтов Google Рекламы и Google Tag Manager

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

Убедитесь, что у вашей учетной записи Google есть права администратора как в Google Рекламе, так и в Google Tag Manager.

Настройка тега конверсии Google Рекламы в GTM

  1. В Google Tag Manager перейдите в раздел «Теги» и нажмите «Создать».
  2. Выберите тип тега «Отслеживание конверсий Google Рекламы».
  3. Введите идентификатор конверсии и ярлык конверсии из Google Рекламы (эти данные можно найти в настройках конверсии в вашем аккаунте Google Рекламы).
  4. Выберите триггер, который будет активировать тег (например, просмотр страницы подтверждения заказа).
  5. Сохраните тег.

Настройка ремаркетинга Google Рекламы через GTM

  1. В Google Tag Manager перейдите в раздел «Теги» и нажмите «Создать».
  2. Выберите тип тега «Google Ads Remarketing».
  3. Введите идентификатор конверсии из Google Рекламы (тот же, что и для отслеживания конверсий). В современных версиях GTM это может быть идентификатор аккаунта Google Ads.
  4. Выберите триггер, который будет активировать тег (обычно это просмотр всех страниц сайта).
  5. (Опционально) Настройте параметры для динамического ремаркетинга, если вы его используете.
  6. Сохраните тег.

Шаг 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 обязательно протестируйте его в режиме предварительного просмотра.

  1. В Google Tag Manager нажмите кнопку «Предварительный просмотр».
  2. Перейдите на свой сайт в новом окне браузера.
  3. Внизу экрана появится панель отладки GTM, которая покажет, какие теги были активированы и какие данные были переданы.

Проверка корректности передачи данных в Google Рекламу

Убедитесь, что данные о конверсиях и другие события правильно передаются в Google Рекламу. Проверьте отчеты в Google Рекламе, чтобы убедиться, что данные собираются корректно.

Публикация контейнера GTM

После успешного тестирования опубликуйте контейнер GTM.

  1. В Google Tag Manager нажмите кнопку «Отправить».
  2. Выберите версию контейнера для публикации (или создайте новую).
  3. Нажмите «Опубликовать».

Рекомендации по дальнейшему использованию GTM для оптимизации Google Рекламы

  • Регулярно анализируйте данные, собранные с помощью GTM, чтобы выявлять возможности для оптимизации рекламных кампаний.
  • Используйте GTM для A/B тестирования различных элементов сайта, чтобы улучшить конверсию.
  • Настройте отслеживание микроконверсий (например, клики по кнопкам, просмотр видео), чтобы получить более полное представление о поведении пользователей.
  • Используйте GTM для передачи данных о сегментах аудитории в Google Рекламу для более таргетированной рекламы.

Добавить комментарий