Введение и подробный взгляд на то, как работает Диспетчер тегов Google

Опубликовано: 2018-07-06

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

Теги JavaScript на внутренней стороне веб-страниц - это то, что позволяет маркетологам использовать информацию о своих посетителях. Подумайте о пикселях Facebook или отслеживании конверсий в Google Рекламе. Они полезны, но вручную настраивать и поддерживать их утомительно. Копирование, вставка, точная настройка небольших строк кода и обеспечение того, чтобы они были в нужном месте - это еще одна вещь, о которой нужно беспокоиться, особенно со многими кампаниями и страницами. Вот почему есть Диспетчер тегов Google.

Что такое Диспетчер тегов Google?

Диспетчер тегов Google - это система для простого управления тегами на внутренней стороне веб-страниц. Благодаря интуитивно понятному интерфейсу пользователи могут обновлять и добавлять теги без необходимости развертывать дополнительный код или манипулировать им.

Зачем использовать Диспетчер тегов Google?

Каждому программному обеспечению, которое интегрируется с вашим веб-сайтом, требуется собственное пространство на внутренней стороне ваших веб-страниц. Для ремаркетинга используются тепловые карты и даже простое отслеживание конверсий. JavaScript заставляет все это работать. И чем больше данных вы собираете, тем чаще вам нужно повторно посещать эти теги - добавлять, обновлять и удалять их. Диспетчер тегов Google упрощает процесс. Но это не единственная причина его использовать.

Плюсы использования Google Tag Manager:

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

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

Вы можете использовать Диспетчер тегов Google с мобильными приложениями, а также с веб-сайтами и страницами AMP.

Отслеживание ошибок и режим предварительного просмотра позволяют легко выявлять проблемы до того, как они появятся. Без этих проверок часто возникает ошибка, связанная с человеческим фактором, что может привести к закрытию веб-сайта.

Минусы использования Google Tag Manager:

Есть кривая обучения. Начать работу с Диспетчером тегов Google не так просто, как утверждают некоторые. Тем не менее, в конечном итоге это проще, чем часто настраивать теги, чем заходить в серверную часть веб-страниц.

Помимо кривой обучения, Эмма Фрэнкс, менеджер по работе с клиентами в цифровом маркетинге в Hanapin Marketing, говорит следующее:

Многие известные платформы PPC (например, Facebook, Bing Ads) используют опцию настраиваемого тега HTML, потому что GTM не имеет встроенной интеграции для них.

Как использовать Диспетчер тегов Google

Диспетчер тегов Google состоит из трех компонентов: тегов, триггеров и переменных.

Теги - это фрагменты JavaScript, которые вы можете разместить в задней части своего веб-сайта для выполнения определенной функции. Это, как упоминалось выше, фрагменты кода, которые могут перенаправлять посетителей или отслеживать конверсии. Они могут измерять глубину прокрутки или отправлять поведенческие электронные письма и многое другое. Сегодня мало что делать с помощью тегов. Среди самых популярных - теги из Google Analytics, DoubleClick и WordPress.

Триггеры

В Диспетчере тегов Google теги активируются на основе пользовательских событий. Вы указываете, какие это события. Типы триггеров на выбор включают: просмотр страницы, щелчок, видимость элемента, отправка формы, изменение истории, ошибка JavaScript, глубина прокрутки, таймер, видео YouTube и пользовательские события.

Переменные

Это условия, которые дают тегу дополнительную информацию, необходимую для его активации. Google предлагает пример:

Допустим, вы хотите активировать тег ремаркетинга всякий раз, когда посетитель тратит на вашем сайте более 100 долларов. Чтобы реализовать это, создайте триггер просмотра страницы и добавьте это условие триггера:

Сумма транзакции более 100 долларов США

Поскольку переменной «Сумма транзакции» не существует, вам необходимо ее определить. Вы бы сказали Диспетчеру тегов Google искать значение суммы транзакции в переменной JavaScript transactionAmt (при условии, что эта переменная JavaScript присутствует на странице подтверждения покупки вашего веб-сайта).

В этом примере, когда пользователь тратит деньги на вашем веб-сайте, GTM оценивает, превышает ли оно 100 долларов. Если это так, сработает триггер ремаркетинга.

Контейнеры

Вместе группа тегов, триггеров и переменных называется контейнером. Контейнер устанавливает правила для определенного домена. После того, как вы настроили свой тег, триггер и указали любые переменные, у вас есть контейнер. С контейнером вы можете свободно управлять тегами для своих доменов - добавлять, обновлять, удалять - без постоянного возврата к внутренней стороне каждой страницы.

Подготовка к внедрению Диспетчера тегов Google

Внедрение любого инструмента требует подготовки. Вот что вам стоит учесть в случае Диспетчера тегов Google:

Кто будет управлять аккаунтом?

Слишком много пользователей в Диспетчере тегов Google, добавляющих теги и изменяющих их, могут привести к закрытию веб-страницы. Убедитесь, что вам назначены одна или две роли и установлен протокол, если менеджер (-ы) учетной записи уходит или больше не может выполнять свои обязанности.

Как это будет управляться?

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

Кому еще может понадобиться доступ?

У вашей компании может быть администратор GTM, но нужен ли доступ кому-нибудь еще? Возможно, вы передаете работу агентству, которому может потребоваться добавить теги к некоторым целевым страницам после клика. Может быть, вы нанимаете фрилансера для анализа тепловой карты или создания ретаргетинговых кампаний. Если это звучит знакомо, вы можете разрешить им доступ к своей учетной записи Google Tag Manager и попросить назначенного внутреннего менеджера проверить их работу.

Для скольких доменов вы будете использовать GTM?

Если вы управляете тегами с помощью GTM для более чем одного домена, Google рекомендует использовать один и тот же контейнер для всех из них, за исключением следующих случаев: Во-первых, если вам нужно адаптировать теги к каждому домену. После публикации контейнер применяется ко всем доменам. Поэтому, если вам нужно применить изменения к одному, а не к другому, лучше использовать несколько контейнеров. Во-вторых, если конфигурации разные - если теги срабатывают при разных обстоятельствах в разных доменах - вы можете использовать несколько контейнеров, так как конфигурации нелегко разделить между доменами.

Вы изучали Диспетчер тегов Google?

Диспетчер тегов Google рекламируется как простой в использовании инструмент для самостоятельной работы, но Аманда Гант из Orbit Media говорит, что его неправильно понимают:

Диспетчер тегов Google не «прост» в использовании без некоторых технических знаний или обучения (курсов или самоучки). Вы должны обладать некоторыми техническими знаниями, чтобы понимать, как настраивать теги, триггеры и переменные.

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

На вашей странице уже есть теги, закодированные вручную?

Контейнер заменяет закодированные вручную теги на веб-странице, например теги Google Рекламы, Google Analytics и других сторонних поставщиков. Google рекомендует, когда вы решите использовать Диспетчер тегов Google, перенести сразу все теги, а не оставлять некоторые в подвешенном состоянии. Это не обязательно, поскольку GTM может активировать ваши теги в любом случае, но это лучшая практика. Чем больше JavaScript на вашей странице, тем медленнее она будет загружаться.

Настройка Диспетчера тегов Google

Чтобы приступить к настройке диспетчера тегов, Google описывает следующие шаги:

Создайте новую учетную запись и контейнер

В Диспетчере тегов Google нажмите «Учетные записи», а затем «Создать учетную запись».
Введите имя учетной записи и выберите, хотите ли вы анонимно делиться данными с Google и другими.
Нажмите «Продолжить».
Введите описательную метку контейнера и укажите один из следующих типов контента: Интернет, AMP, Android или iOS.
Нажмите «Создать».

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

В Диспетчере тегов Google выберите «Рабочая область».
Найдите свой идентификатор контейнера в верхней части окна, отформатированный следующим образом: « GTM-XXXXXX ».
Щелкните идентификатор контейнера, чтобы открыть окно «Установить Диспетчер тегов».
Скопируйте сгенерированные фрагменты кода и вставьте их на свой сайт.
Проверьте или устраните неполадки при установке с помощью режима предварительного просмотра Диспетчера тегов и расширения Tag Assistant для Chrome.

Добавить, обновить и опубликовать теги

После того, как вы установили свой контейнер, вы можете начать добавлять к нему теги, выполнив следующие действия.

1. В Диспетчере тегов выберите свою учетную запись.

2. Щелкните «Теги» в меню навигации.

Чтобы добавить тег: нажмите «Создать». Выберите тип тега (например, "Отслеживание конверсий Google Рекламы") и укажите триггеры, при которых тег должен срабатывать.

Чтобы изменить тег: Щелкните тег в списке и внесите изменения на странице «Редактировать тег».

Чтобы удалить тег: Перейдя на страницу «Изменить тег», щелкните меню в правом верхнем углу экрана и выберите «Удалить».

3. Предварительный просмотр дает вам возможность оценить ваши теги, переменные и конфигурации, прежде чем они будут запущены. Вы можете использовать параметр отладки, чтобы увидеть, какие теги активируются при использовании сайта. Когда вы находитесь на странице с неопубликованными изменениями в рабочей области, щелкните стрелку рядом с «Опубликовать», чтобы открыть дополнительные параметры, затем нажмите «Предварительный просмотр».

4. Если все в порядке, просто нажмите «Опубликовать» в правом верхнем углу экрана, чтобы начать публикацию изменений.

Пример Диспетчера тегов Google

Считайте это гипотетическим: если вы хотите отслеживать конверсии, настраивать электронные письма, запускаемые по поведению, запускать рекламу на определенной странице и отслеживать все это с помощью аналитической платформы, для этого вам понадобятся теги из всех этих программ. В Диспетчере тегов Google все, что вам нужно, это добавить один раз:

В конце концов, это значительно упрощает и упрощает поддержку тегов для вашей команды.

Начните создавать лучший и надежный пользовательский интерфейс

Диспетчер тегов Google не только сэкономит ваше время и избавит от головной боли, но и может улучшить положение ваших пользователей. Вы сможете легко добавить любое программное обеспечение, улучшающее персонализацию: автоматизацию электронной почты, чат в реальном времени - даже программное обеспечение для тепловых карт, которое может предоставить вам данные, необходимые для улучшения взаимодействия с пользователем. Вы также сможете сделать страницы легкими, управляя JavaScript, что ускорит время загрузки и удержит пользователей от подпрыгивания. Это, в свою очередь, увеличивает вероятность их конверсии. Начните создавать универсальные и удобные для пользователя целевые страницы после щелчка сегодня с помощью Instapage, демонстрации Instapage Enterprise сегодня.