Инструкция как установить код Google Аналитики через GTM на сайт

Инструкция как установить код Google Аналитики через GTM на сайт
Инструкция как установить код Google Аналитики через GTM на сайт

Установка Google Tag Manager

Для начала Вам потребуется зарегистрировать аккаунт Google Tag Manger по ссылке https://tagmanager.google.com/ . Переходим по ссылке и нажимаем создать аккаунт

Установка Google Tag Manager | WEDEX

В следующем окне заполняем:

  1. Название аккаунта – даем понятное название для того что бы ни теряться в последующем и эффективно управлять аккаунтами.
  2. Выбираем страну.

Базовая информация

По желанию, разрешаем передавать анонимные данные в Google. Даем название контейнеру, чаще всего пишем имя домена. А также целевую платформу в зависимости, куда будет установлен ГТМ: сайт, приложение и т.д.

создание контейнера GTM

Нажимаем «Создать». В следующем окне принимаем пользовательское соглашение.

Пользовательское соглашение GTM | WEDEX

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

ТЗ программисту на установку GTM

Если вы вдруг закрыли окно с кодами установки, вы всегда их сможете повторно найти при клике на идентификатор контейнера.

Как установить код через GTM | WEDEX

Для проверки правильности установки кода GTM можно пользоваться приложением для браузера – Tag Assistant Legasy (by Google)

Tag Assistant Legasy (by Google)

С помощью данного приложения вы всегда сможете быстро понять установлена ли на сайт Google Аналитика, Google Tag Manager, а также их идентификаторы. После установки программистом кодов на сайт, в данном приложении появится GTM с нужным идентификатором. Отображаться значок будет желтым цветом, и отдавать 404 ошибку. Не пугайтесь, пустой контейнер всегда отдает – код сервера 404. После добавления первого тега все будет норм.

Пустой контейнер GTM - 404 ошибка Пустой контейнер GTM - 404 ошибка(2)

Как установить код Google Analytics – Universal Analytics на сайт через GTM?

В рабочей области переходим во вкладку «Теги»

создание тегов в GTM

Нажимаем создать и даем понятное название.

Как установить код Google Аналитики через GTM | WEDEX

Выбираем конфигурацию тега – для тегов GA в системе уже занесены стандартные коды установки, поэтому нам остается лишь их

правильно настроить.

стандартные теги в GTM

Выбираем тип отслеживания – Просмотр страницы

Тип отслеживания - Просмотр страницы | WEDEX

Создаем и добавляем новую переменную

Новая переменная | WEDEX

Даем понятное название и вносим идентификатор представления Google Analytics.

Идентификатор представления Google Analytics | WEDEX

Идентификатор обязательно должен начинаться на UA. Найти его можно в представлении Google Analytics.

Идентификатор представления Google Analytics | WEDEX

Идентификатор представления Google Analytics | WEDEX

Далее сохраняем переменную. И добавляем в поле «Настройки Google Analytics» окна конфигурации тега.

Конфигурация тега | WEDEX

Теперь переходим к настройке триггера.

Конфигурация тега | WEDEX

Выбираем «All Pages»

Выбираем триггер | WEDEX

Сохраняем конфигурации

Конфигурация тега | WEDEX

Нажимаем «Отправить»

Конфигурация тега 4 | WEDEX

И публикуем изменение в контейнере

Конфигурация отправки | WEDEX

Поздравляю, вы самостоятельно установили счетчик Google Analytics – Universal Analytics на сайт.

Как проверить правильность установки счетчика GA через GTM

Это возможно сделать несколькими способами

  1. Через встроенный отладчик, передачу в средства аналитикиВ рабочей области нажимаем на «Предварительный просмотр»

    Как проверить правильность установки счетчика GA через GTM | WEDEX

    2. После перехода вводим домен сайта, на котором проверяем работоспособность GА.
    Как проверить правильность установки счетчика GA через GTM 1 | WEDEX
    3. После «коннекта» видим, что тег Аналитики сработал

    предварительный просмотр тегов в GTM

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

    как проверить правильно установленный счетчик GA

Как установить код Google Analytics 4 (GA4) на сайт через GTM?

В рабочей области кликаем на вкладку «Теги»

настройка тега GA4 в GTM

Нажимаем создать и даем название тегу.

Как установить код Google Analytics 4 (GA4) на сайт через GTM | WEDEX

Выбираем конфигурацию тега – для тегов GA4 также в системе уже занесены стандартные коды установки.

настройка тега GA4 в GTM

Копируем идентификатор из GA4 и вставляем в соответствующее поле.

Как установить код Google Analytics 4 (GA4) на сайт через GTM | WEDEX

Идентификатор можно найти в настройке ресурса Google Analytics.

Как установить код Google Analytics 4 (GA4) на сайт через GTM | WEDEX

Как установить код Google Analytics 4 (GA4) на сайт через GTM | WEDEX

Выбираем «All Pages»

Как установить код Google Analytics 4 (GA4) на сайт через GTM | WEDEX

Сохраняем конфигурации

Как установить код Google Analytics 4 (GA4) на сайт через GTM | WEDEX

Нажимаем «Отправить»

Как установить код Google Analytics 4 (GA4) на сайт через GTM | WEDEX

И публикуем изменение в контейнере

Как установить код Google Analytics 4 (GA4) на сайт через GTM | WEDEX

Код счетчика Google Analytics 4 установлен на сайт. Проверить правильность установки счетчика также возможно:

  1. Через встроенный отладчик
  2. В собственном интерфейсе. Для этого нужно перейти на сайт, а также открыть в аналитике обзор отчета в реальном времени.
Ольга Тищенко
Редактор-копирайтер
коммерческое предложение

    SEO-продвижениеКопирайтингSMM-продвижениеРазработкаКонтекстная рекламаДизайн
    Digital новини в нашому телеграм-каналі
    Інтернет-маркетинг
    простою мовою
    подписаться
    Другие статьи автора
    29/02/2024
    Ниже мы подробно рассмотрим некоторые факторы, с помощью которых можно поднять сайт в поиске и увидеть эффект от проделанной работы уже в ближайшее время. Главное - помните, что SEO-продвижение необходимо проводить комплексно, а не работать над каждым из факторов по отдельности.

    17/04/2024
    В погоне за цифровым присутствием и конкурентоспособностью понимание основ SEO становится необходимостью для каждого владельца веб-ресурса. Аспекты, которые мы опишем далее, лежат в основе функционирования поисковых систем и определяют видимость сайта в онлайн-пространстве.

    18/08/2023
    Итак, зачем нужен google tag manager и какие его функции: Для сбора данных Google Analytics, KISSMetrics и других инструментов аналитики. Для того, чтобы настроить ремаркетинг в Google Ads, Facebook, AdRoll и других сервисах. Для установки HTML-скриптов под дальнейшее проведение сплит- и A/B-тестов или показ баннеров. Для того, чтобы была возможность в сжатые сроки изменить теги, размещенные на сайте.

    Последние статьи по #GTM
    18/08/2023
    Итак, зачем нужен google tag manager и какие его функции: Для сбора данных Google Analytics, KISSMetrics и других инструментов аналитики. Для того, чтобы настроить ремаркетинг в Google Ads, Facebook, AdRoll и других сервисах. Для установки HTML-скриптов под дальнейшее проведение сплит- и A/B-тестов или показ баннеров. Для того, чтобы была возможность в сжатые сроки изменить теги, размещенные на сайте.

    28/05/2021
    Довольно часто в работе seo-специалистов, специалистов по контекстной рекламе, маркетологов возникают ситуации, когда нужно предоставить гостевые доступы другому пользователю к учетным записям Google Ads, Google Analytics, Merchant Center и Google Tag Manager. Рассмотрим подробнее, как это делается.

    09/02/2021
    Подробная инструкция по установке Google Tag Manager на сайт со скринами. А также способы установки кодов Google аналитики с помощью GTM.

    WhatsApp Telegram Viber Почати розмову