Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-21

1 <a>Google Tag Manager</a> - это простой, надежный и бесплатный диспетчер тегов. С помощью него можно создавать и обновлять теги для сайта или мобильного приложения, проще использовать код сторонних служб, самостоятельно управлять тегами и заниматься тестированием и отладкой.

2 С помощью GTM на сайт можно добавить код разных служб аналитики: Google Analytics, "Яндекс.Метрики", Google Maps и других сервисов для мониторинга сайта.

3 <ol><li>Шаблоны для интеграции Google Analytics, разных метрик и так далее.</li>

4 <li>Можно использовать пользовательские теги.</li>

5 <li>Предпросмотр и инструмент отладки тегов.</li>

6 <li>Система контроля версий - в любой момент можно откатиться к более ранней.</li>

7 <li>Реализация асинхронной загрузки тегов, что положительно сказывается на скорости загрузки страниц сайта.</li>

8 <li>Можно настраивать текстовую подмену на сайте, мгновенно меняя варианты.</li>

9 </ol>Контейнер

10 Оболочка для хранения всех тегов вашего сайта или мобильного приложения. По сути, контейнер - основной код, который добавляется на сайт и отвечает за запуск тегов сторонних сервисов. Для каждого ресурса - свой контейнер.

11 Тег

12 Фрагмент кода JS, который необходимо выполнить и к которому можно подключить триггер. У тега много разных функций: отслеживание трафика и поведение посетителей, анализ эффективности рекламы, ремаркетинг и таргетинг.

13 Триггер

14 Условие для выполнения или блокировки тега. Триггер должен содержать какое-то событие: загрузка страницы, переход по ссылке, клик и так далее. Также для триггера есть фильтры, которые можно настроить. Например, указать URL страниц, на которых должен срабатывать тег.

15 Переменная

16 Параметр, для которого передается значение в процессе работы.

17 Перейдите на сайт<a>Google Tag Manager</a>и авторизуйтесь с помощью Google-аккаунта. Если аккаунта нет, создайте и затем авторизуйтесь.

18 После авторизации создайте аккаунт для GTM или выберите из уже созданных. Я покажу настройку GTM на своем небольшом тестовом сайтеsokratzona.info.

19 В открывшемся окне добавления нового аккаунта введите его название. Нажмите кнопкуДалее.

20 Для создания контейнера введите его название и укажите, где он будет использоваться. Я выбрал веб-сайт. Нажмите кнопкуСоздать.

21 Скопируйте код контейнера.

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

23 Нажмите на идентификатор, и у вас появится окошко с кодом. Скопируйте его и разместите на своем сайте.

24 В моем случае файл, куда я поместил код, называется index.html. Если вы используете CMS, возможно что файл будет называться header.php или еще как-то.

25 Давайте подключим сайт к Google Analytics. В рабочей области в карточкеНовый тегнажмите на ссылкуДобавить новый тег.

26 Далее перейдите в Конфигурацию тегаи выберите его тип. Например,Google Аналитика - Universal Analytics.

27 Укажите идентификатор отслеживания. Найти его можно в аккаунте Google Analytics,Администратор - Настройки ресурса - Идентификатор отслеживания.

28 В качестве типа отслеживания выберитеПросмотр страницы. В категорииТриггерывыберитеAll Pages. Сохраните изменения.

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

30 Сайт откроется в том же браузере. Если у вас внизу на панели отладки появился тег, то вы все сделали правильно.

31 Опубликуйте контейнер.

32 Проверьте корректность работы Google Analytics. Да, все работает.

33 Триггеры находятся в меню рабочей области GTM.

34 Выберите тип триггера.

35 Выбрав тип триггера, настройте условие его активации: укажите тип переменной Click URL и ссылку, переходы по которой будете отслеживать.

36 Настройка условия активации триггераЧтобы задействовать переменные, выберите соответствующий пункт в меню рабочей области GTM.

37 Встроенные и пользовательские переменныеМожно настраивать встроенные шаблоны переменных или создавать пользовательские.

38 Встроенные переменныеВ этом окне вы можете ознакомиться с доступными типами встроенных переменных. После того, как отметите переменную, она станет доступной в фильтре триггера.

39 Создайте тегПользовательский HTMLи скопируйте код кнопок шеринга сервиса, которым вы пользуетесь.

40 Укажите триггер All Pages. Сохраните и опубликуйте контейнер. Триггер можно указать как для всех страниц, так и выборочно.

41 Вот, что получилось после публикации:

42 Так же, как и в предыдущем примере, сгенерируйте код с помощью сервиса Schema или любого другого. Создайте тегПользовательский HTMLи разместите туда полученный код, настройте активацию триггера. Вот так настраивается микроразметка.

43 Создайте новый тег. Тип тега выберитеUniversal Analytics.

44 Настройте конфигурацию тега.

45 Настройте триггер. Выберите типТолько ссылки, отметьте пунктНекоторые ссылкии назначьте событие активации триггера.

46 Сохраните и опубликуйте ваш тег, но прежде проверьте, активирован ли он. Для этого нажмите на предварительный просмотр и кликните по любой внешней ссылке.

47 Тег активированПосмотрите в Google Analytics вкладку события в режиме реального времени.

48 Данные передаются. Тег работаетЛюбое посещение сайта без совершения целевых действий Google Analytics считает отказом. Например, вы просмотрели одну страницу, не зарегистрировались или не подписались на рассылку, не заказали услугу, не связались посредством формы обратной связи и не поделились контентом - это и есть отказ.

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

50 Для уточнения показателя отказов и получения более точных сведений можно настроить отслеживание длительности посещения без привязки к действиям. Пробыли на сайте десять секунд - уже не отказ.

51 Чтобы настроить показатель отказов, создайте тег Universal Analytics, тип отслеживанияСобытие.

52 Затем укажите для тега триггер Таймер и задайте нужный интервал в миллисекундах.

53 Проверьте подключение тега.

54 Тег работаетВ Google Analytics показатель уменьшился.

55 Знание таких инструментов, как GTM, пригодится каждому маркетологу. К сожалению, нередко бывают ошибки, которые влекут за собой дополнительные расходы, а неверно собранные данные искажают результаты. Поэтому всегда важен комплексный подход и умение правильно работать с данными аналитики.

56 <a>На</a> <a>курсе</a>Skillbox вы сможете углубить свои знания в веб-аналитике, рассмотрите множество реальных кейсов и познакомитесь со всеми инструментами сбора, обработки и визуализации информации, которые можно использовать на практике.