От управления тем, как цифровая реклама отображается на страницах, до определения того, какой тип контента задействован, многое нужно отслеживать, когда речь заходит об управлении современным бизнес-сайтом. Все эти задачи также должны работать вместе, не снижая производительность сайта.
Это где Google Tag Manager приходит. GTM – это инструмент организации тегов, который облегчает бремя управления сложным веб-сайтом для владельцев бизнеса. В этом руководстве мы подробно рассмотрим, как это работает. Давайте начнем с основ.
Что такое ярлыки?
Теги – это фрагменты HTML-кода на сайте, которые собирают данные. Эти данные затем отправляются третьим лицам. Благодаря своей основной функции теги являются универсальным инструментом для сбора информации. Теги могут записывать поведение посетителей вашего сайта, от определения источника трафика, который направил их на ваш сайт, до того, как далеко они перешли на страницу.
В исходном коде веб-сайта есть все виды тегов, которые играют самые разные роли (например, тепловые карты, ремаркетинг и т. Д.). Попытка вручную добавить или отредактировать каждый из них будет интенсивным и трудоемким делом, требующим высокого уровня знаний в области кодирования, чтобы избежать совершения критических ошибок.
Что такое Google Tag Manager?
Google Tag Manager – это бесплатное веб-приложение, которое упрощает процесс использования и управления тегами на веб-сайте или в мобильном приложении. Это позволяет пользователям добавлять, редактировать и отключать теги без необходимости напрямую взаимодействовать с исходным кодом сайта или приложения.
GTM имеет ряд преимуществ, в том числе:
- Меньше полагаться на веб-разработчиков, что полезно для владельцев малого бизнеса, которым не хватает технической поддержки
- Совместимость сайта AMP и мобильного приложения
- Удобное универсальное место для хранения и изменения этикеток
- Создание шаблонов для использования на разных сайтах и в маркетинговых кампаниях.
- Гибкий доступ пользователей, который предоставляет делегирование задач и обменивается информацией с клиентами
Определение терминов общего пользования
Процесс использования Google Tag Manager может сбивать с толку многих владельцев сайтов, поэтому давайте определимся с условиями общего пользования на платформе:
Теги
Как упоминалось ранее, теги собирают данные. В действии они представляют собой фрагменты HTML-кода, которые говорят GTM, что делать.
правила
Правила определяют, когда метки выполняются или отключаются.
макрос
Макросы – это предопределенные наборы условий, которые выполняют правила.
контейнеры
Как следует из названия, контейнеры – это место, где расположены теги вашего сайта. Контейнер – это первое, что вам нужно создать при запуске GTM. Он должен быть добавлен в исходный код, чтобы он появлялся на каждой странице.
триггеры
Ярлыки требуют соблюдения определенных условий перед их активацией. Это триггеры, которые состоят из событий и фильтров.
Событие может быть, когда посетитель нажимает на ссылку или прокручивает страницу до определенной точки. Между тем фильтры позволяют детализировать, когда событие должно вызывать тег. Вы можете выбрать операторы, значения и переменные для ваших фильтров.
Оператор указывает, должно ли событие быть равным, большим или меньшим, чем значение метки для запуска. Значения могут быть числовыми или определенными, такими как URL или ключевое слово.
Переменные и константы
Переменные содержат значения, и эти значения должны соответствовать условиям, установленным через операторы, и значениям для запуска триггера. Переменные также можно использовать для сбора данных, когда посетитель сайта выполняет действие, которое затем передается на уровень данных. В GTM есть несколько типов переменных для размещения множества конфигураций.
GTM позволяет создавать постоянные переменные, поэтому вам не нужно повторять шаги для ввода часто используемых идентификационных номеров или кодов отслеживания, которые будут использоваться на нескольких этикетках.
GTM также имеет встроенные переменные, которые вы можете выбрать, включая события, URL-адреса страниц и ссылки, среди прочего, которые могут быть изменены позже. Вы также можете создавать свои собственные переменные, называемые пользовательскими переменными.
Слои данных
Чтобы ускорить выполнение тегов, вы можете создавать слои данных, позволяя тегам избегать просмотра HTML-кода вашего сайта, чтобы узнать, когда его следует активировать. Слои данных могут содержать все необходимые информационные метки в одном месте. Они также предотвращают нарушение тегов при обновлении структуры сайта.
Прочитайте документ поддержки Google по этим компонентам для более полной разбивки.
Разница между GTM и Google Analytics
Google Analytics создает отчеты и представляет статистику на основе записанных данных об активности пользователей на веб-сайте. Он рассказывает вам основные факты о вашем сайте и о том, как посетители взаимодействуют с ним, например, сколько человек посетило и сколько посещений посетила страница.
Данные записываются с использованием меток, размещенных на каждой странице. Попытка отследить определенное поведение посетителей с помощью Google Analytics является сложной задачей, так как для каждого поведения необходимо устанавливать уникальные метки.
Менеджер тегов Google позволяет управлять ярлыками, чтобы они активировались только тогда, когда вы хотите. Вы можете точно указать, какие данные вы хотите представить, которые можно отправить в Google Analytics.
Пошаговое руководство к Менеджеру тегов Google
Теперь, когда мы рассмотрели ключевые термины, определения и преимущества, связанные с GTM, мы наконец-то можем пройти каждый этап использования GTM.
1. Настройка вашей учетной записи
Перейдите на tagmanager.google.com и нажмите «Нажмите здесь, чтобы создать учетную запись» или кнопку «Создать учетную запись».
Введите название вашей компании в поле Имя учетной записи. Затем выберите страну, в которой находится ваша компания, из выпадающего списка.
2. Конфигурация контейнера
Введите свое доменное имя в поле Имя контейнера.
Вы можете управлять несколькими учетными записями GTM с помощью одного контейнера, но Google рекомендует иметь один контейнер на домен.
Выберите правильную платформу назначения, ваши варианты: Интернет, iOS, Android и AMP.
3. Скопируйте и вставьте предоставленные коды
GTM даст вам коды для копирования и вставки на каждой странице вашего сайта. Первый код должен быть в
страницы, а второй код должен быть сразу после открывающего тега. Вы можете сделать это сейчас или позже.
4. Создавайте ярлыки
Вы можете создавать всевозможные настройки маркировки, чтобы получить точные данные, которые вы хотите собрать.
Рекомендуется для вас Веб-трансляция, 26 марта: Поддерживайте свой маркетинговый импульс в неопределенное время и почему детерминистская атрибуция является ключевой
Зарегистрируйтесь сейчас
Следуйте рекомендованному Google формату имен, чтобы все было ясно и организованно:
Тип этикетки – Деталь – Расположение
Например, «Google Analytics – Скачать – Страница ресурсов» может быть для отслеживания того, как часто документ загружается на страницу ресурсов.
а. Создать новый тег на доске
Нажмите на ссылку Добавить новый тег на панели инструментов.
Да. Настроить тег
Введите заголовок для метки в верхнем левом углу, затем нажмите «Выбрать тип метки, чтобы начать настройку …» в разделе «Настройки метки».
C. Выберите тип этикетки
Они дают вам десятки типов тегов на выбор. Для целей данного руководства вы можете выбрать Universal Analytics или Classic Google Analytics. Вы также можете настроить свой собственный тип этикетки.
число рейнольдса Ссылка на отслеживание GA
Чтобы отслеживать тег с помощью Google Analytics, введите свой идентификатор веб-ресурса в соответствующем поле. Вы можете найти этот идентификатор в своем аккаунте GA.
У вас есть несколько вариантов выбора типа дорожки, но для этого руководства выберите Просмотр страницы.
мой. Выберите триггер
В разделе «Активация» на странице нажмите «Выбрать триггер, чтобы активировать этот тег …», а затем знак + в правом верхнем углу.
Дайте вашему триггеру имя и нажмите Настройки триггера.
Выберите «Вид страницы» в качестве типа триггера и «Все просмотры страницы» в разделе «Этот триггер активирован» для этого руководства. Это будет активировать тег каждый раз, когда просматривается любая страница сайта.
F. сохранить этикетку
Нажмите Сохранить в правом верхнем углу, когда вы закончите настройку метки и триггера. Затем нажмите Отправить в том же месте, чтобы тег работал.
Выберите «Опубликовать и создать версию», а затем нажмите «Опубликовать», чтобы метка заработала.
солнце. Держите имя тега и описание организованным
Как только вы сохранили ярлык, вам будет предложено указать имя и описание. Это полезно для отслеживания любых изменений, которые вы можете внести.
час Проверьте, находится ли метка в «Сводке версии»
С сохраненным, опубликованным тегом, а также с именем и описанием вы должны увидеть 1 тег, отображенный в отчете Сводная информация о версии.
5. Тестирование этикеток
Чтобы просмотреть ярлыки и посмотреть, работают ли они до публикации, нажмите «Предварительный просмотр» в верхнем правом углу. Вы должны увидеть оранжевый баннер, который говорит, что он находится в режиме предварительного просмотра.
Перейдите на сайт, который вы тестируете, и вы увидите панель отладки внизу.
Должно быть как минимум три события. Если какие-либо из «Просмотр страницы», «DOM Ready» и «Window Loaded» отсутствуют, вы должны вернуться в раздел создания тегов, чтобы что-то исправить. Нажмите на ярлыки на панели «Отладка», чтобы понять, что может быть не так.
Настройте GTM с помощью Google Analytics
1. Удалите код GA со страниц своего сайта и создайте переменную для своего идентификатора отслеживания GA.
2. На панели управления GTM выберите Переменные в меню слева.
Источник: Hubspot
3. Нажмите кнопку «Создать» в разделе «Пользовательские переменные».
Источник: Hubspot
4. Введите GA Tracking ID в качестве имени и нажмите «Выбрать тип переменной, чтобы начать настройку …»
5. Выберите Константа в утилитах, когда будет предложено выбрать тип переменной.
Источник: Hubspot
6. Введите идентификатор отслеживания GA в поле Значение и нажмите Сохранить в правом верхнем углу.
7. Теперь вернитесь на домашнюю страницу GTM и нажмите «Метки», затем на созданной вами этикетке.
8. Нажмите значок + рядом с полем Идентификатор веб-ресурса.
9. Когда будет предложено выбрать переменную, выберите GA Tracking ID, который должен быть первым, поскольку вы только что создали его.
10. В поле Идентификатор веб-ресурса должен отображаться идентификатор отслеживания GA. Нажмите на кнопку Сохранить, чтобы завершить процесс.
Настройте GTM с помощью WordPress
Если вы заплатили за WordPress Business, есть плагины, которые могут сделать это для вас. Но есть и ручной способ сделать это:
1. Перейдите на домашнюю страницу GTM и найдите свой код GTM. Он должен быть выделен синим цветом рядом с Изменениями в рабочей области.
Источник: Hubspot
2. Перейдите на свой сайт WordPress. Вставьте код ниже
ярлык на каждой странице.
Источник: Hubspot
