Инструкция по настройке Google Tag manager

Google Tag Manager

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

Что такое тег?

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

google tag manager

Диспетчер тегов Google позволяет осуществлять следующие операции

  • Объединить все теги одной категории (например, Google Analytics, AdWords, Floodlight, а также сторонние теги, предназначенные для оптимизации и отслеживания рекламной информации), которые имеются на конкретном сайте в цельный фрагмент кода, а затем контролировать его при помощи веб-интерфейса. Данная функция избавляет пользователя от необходимости прибегать к услугам веб-мастеров или заниматься редактированием кода сайта самостоятельно. Также это позволит существенно сократить время на управление тегами и снизить количество допускаемых ошибок
  • Без проблем заниматься обновлением значений конфигурацией, а также флагов в мобильных приложениях. Теперь пользователю не придется заниматься переделыванием и повторной отправкой двоичных данных, ведь активизировать функции приложения, которые связаны с флагами, и изменить значения конфигурации (к примеру, позицию объявлений, тайм-аут или динамику игры) можно непосредственно в интерфейсе

Для чего необходим диспетчер тегов Google

Система контроля над тегами дает возможность осуществлять замену тегов для тестирования, аналитики или маркетинга, которые содержатся в коде сайта, на новые динамические аналоги, которые гораздо более удобны в создании и обновлении. Пользователь добавляет на используемую веб-страницу лишь один единственный тег – контейнер. Это малогабаритный фрагмент кода, в который будут динамически подстраиваться все теги, впоследствии настроенные при помощи веб-интерфейса.

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

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

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

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

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

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

Как настроить тег на сайте?

Для того чтоб успешно начать пользоваться сервисом «диспетчер тегов Google», необходимо произвести такой набор операций по правильной настройке тега:

  • Перейти в браузере на страницу диспетчера тегов Google (ссылка: tagmanager.google.com) и войти на свой собственный аккаунт (если таковово нет, то нужно создать новый)
  • Создать специальный контейнер, предназначенный для веб-страниц
  • Поместить нужный фрагмент контейнера на своей веб-странице
  • Очистить исходный код от всех аналогичных тегов (это могут быть AdWords, DoubleClick и множество других)

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

Установка диспетчера тегов Google

Начало установки

Для того чтобы начать установку, необходимо перейти на страницу проекта, адрес которой: https://www.google.com/tagmanager/. Пользователям, уже имеющим аккаунт в системе Google, можно сразу в него войти, перейдя по ссылке «Войдите в аккаунт». Она расположена справа вверху. Если аккаунта нет, то необходимо зарегистрироваться. Процедура является совсем не сложной и не отнимает много времени.

Регистрация в Google Tag Manager

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

Создаем аккаунт

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

Создаем аккаунт

После того, как все поля будут заполнены, нужно будет завершить создание аккаунта и контейнера (кнопка «Создать аккаунт и контейнер»). После этого необходимо ознакомиться с соглашением об использовании сервиса. Рекомендуется внимательно прочитать условия, а затем решить, хотите вы их принять или нет.

Размещаем код

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

размещаем код аналитики

Код должен быть обязательно скопирован и сохранен. Затем можно смело нажимать кнопку «Добавить теги позже».

выбор тега

Настраиваем инструмент

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

В дальнейшем вам обязательно потребуется идентификатор отслеживания. Это означает, что если ранее вы не пользовались Google Analytics, то необходимо обзавестись аккаунтом на нем.

Если все было сделано так, как описано ранее, то, нажав кнопку «Добавить теги позже», вы увидите на своем экране данную страницу:

настройка google tag manager

Создаем тег

Теперь настало время создания нашего первого тега. Чтобы это сделать, нужно нажать на одну из следующих кнопок:

Создание тега

Тут вы увидите форму, предназначенную для создания новых тегов. При заполнении полей нужно быть внимательным: имена для тегов и правил следует выбирать осмысленно. Благодаря этому позже вам будет проще пользоваться инструментом.

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

Осталось лишь найти его в списке и выбрать:

выбор типа тега

Указываем идентификатор, по которому будет производиться отслеживание

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

id в Google analytics

Чтобы узнать идентификатор, вам нужно будет его скопировать и разместить в поле с названием «Идентификатор отслеживания». При этом в поле с названием «Тип отслеживания» не нужно вносить никаких корректировок (остается значение «Просмотр страницы»).

настройка тега

Добавляем правила

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

добавляем правило

Если все описанные выше процедуры вы выполнили правильно, на своем мониторе вы увидите следующее:

адаптация правил в GTM

Сохраняем настройки тега

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

Создание версии

Публикуем тег

После этого нужно нажать кнопку «опубликовать»:

публикуем тег

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

Отслеживание конверсий при помощи диспетчера тегов Google

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

отслеживание целей в Google tag manager

Если пользователь, рассчитавшись за свой заказ, также получил специальную страницу с благодарностями, то если он ее посетит, это действие можно будет расценивать как конверсию. Используя систему Analytics, пользователь может установить цель на посещение конкретной страницы или поместить в ее код специальный тег, который будет отслеживать конверсии от AdWords.

Как быть в случае отсутствия у вас вышеописанной «спасибо-страницы»?

На данный момент существует целый ряд способов отслеживать события, которые пользователь произвел, находясь на конкретном сайте. К ним относятся:

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

Вот краткая инструкция о том, как можно осуществить настройку отслеживания отправки формы, которая не предусматривает генерирование «спасибо-страницы». Иными словами, как проследить за отправкой формы, используя диспетчер тегов Google.

Для того, чтоб правильно осуществить эту операцию, пользователю понадобится следующее:

  • Создать первый тег Analytics, который, по идее, в любом случае должен находиться на веб-странице. Необходимо разместить тег Analytics используя диспетчер тегов Google, а не вставлять его в код сайта напрямую
  • Создать второй тег для контроля за отправкой форм. Его функция заключается в фиксировании отправки всех форм, которые в текущий момент имеются на веб-странице. Во время его настройки желательно провести тестирование проверки правильного заполнения. Если проверка не будет функционировать нормально, ее лучше не подключать, настраивая тег
  • Создать первое правило, которое будет определять необходимую пользователю форму отправки.Что бы отслеживать отправку форм, необходимо выбрать тот идентификатор, по которому и будет определяться нужная форма (в нашем конкретном случае, это будет element id). После этого создаем условие для event = gtm.formSubmit

создание первого правила

  • Создать третий тег, который будет вступать в активную фазу по первому правилу и производить отправку информации о произошедшем событии в систему Analytics. Необходимо отметить разновидность отслеживания – «Событие». В графу параметров отслеживаемых событий должна быть добавлена информация о названиях, категориях и действиях, которые будут подвержены транспортировке в Analytics

третий тег

  • Создать специальную цель под названием «звонок», которая будет заниматься отслеживанием событий в Analytics для последующего приема данных из третьего тега

создане целей

  • Произвести импорт необходимых вам целей из системы Analytics в систему AdWords. Как правило, информация в AdWords появляется с небольшой задержкой в тридцать-пятьдесят часов. Если вам требуется мониторинг оперативной информации, лучше всего воспользоваться системой Analytics.

Ремаркетинг посредством диспетчера тегов Google

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

На сайтах это работает следующим образом:

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

Как правило, ремаркетинг применяется для достижения таких целей:

  • Конверсирование. Суть этого процесса заключается в увеличении количества конверсий посредством демонстрации рекламного объявления с более выгодными и презентабельными условиями. Также целью может быть побуждение посетителей, ушедших с корзины, завершить процесс конверсии или же демонстрация объявлений об акциях или распродажах тем пользователям сайта, которые ранее интересовались подобными мероприятиями или товаром со скидкой
  • Продажа сопутствующих товаров. Как правило, любая крупная покупка нуждается также в определенном количестве более мелких для дальнейшего обслуживания объекта
  • Брендирование. Ремаркетинг входит в список самых мощных инструментов, с помощью которых осуществляется процесс брендирования. Конкретному кругу пользователей, которых заинтересовала тематика вашей продукции, можно продемонстрировать рекламу бренда, использовав при этом все имеющиеся в наличии ресурсы КМС. Однако тут важно не переусердствовать с количеством показов, чтоб не надоесть посетителю
  • Сегментация. Данная функция предусматривает широкий спектр действий, например, разделение тех, кто приобрел и тех, кто не приобрел, разделение аудиторий по интересам к конкретным типам товаров, исключение аудитории пользователей, которые уже купили товар. Зачастую посетитель сайта далеко не сразу определяется, покупать ему товар или не покупать. Если вы настроите ремаркетинг на КМС, получите возможность получать конверсии от таких пользователей по значительно более низкой цене

сегментация в Google Analytics

Как можно увидеть на рисунке, цена конверсии пользователей, приведенных во второй раз, примерно в пять раз меньше

Настраиваем списки

Ремаркетинговые списки можно настроить не только в системе Google AdWords, но и используя Google Analytics.

Настройка в Google Analytics

Ресурс Google Analytics позволит пользователю сортировать ремаркетинговые списки только с целью рекламы в КМС. Для настройки нам необходимо связать Google Analytics и Google AdWords. При этом либо вход должен производиться с одного и того же аккаунта, либо ресурсы должны обладать всеми необходимыми правами. Если аккаунты связать не удалось, это значит, что у вас в данный момент нет возможности настраивать ремаркетинговые списки.

список ремаркетинга

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

настройка аудитории

Необходимо помнить, что один список должен быть привязан только к одному аккаунту AdWords.

Настройка в Google AdWords

Интернет ресурс Google AdWords дает пользователю возможность скомпоновать списки для ремаркетинга на поиск и в КМС. Этот процесс осуществляется путем добавления на веб-страницу тега ремаркетинга. Этот тег можно легко создать при помощи пункт «Общая библиотека» в меню, пройдя далее в «аудитории».

теги для Adwords

Необходимо помнить, что для успешного старта показов по ремаркетинговым спискам, необходимо собрать и отсортировать не менее сотни идентификаторов для рекламных баннеров в КСМ и мне менее тысячи для осуществления ремаркетинга во время поиска.

Где применяется ремаркетинг на поисковую рекламу?

Ремаркетингом на поисковую рекламу в основном пользуются компании для поисковой сети, используя вкладку «Аудитории». Именно в этой вкладке и необходимо добавлять списки, по которым должна демонстрироваться рекламная информация.

теги ремаркетинга

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

Ремаркетинг на КМС, как правило, применяется компаниями для медийной сети посредством использования вкладки «Контекстно-медийная сеть». Далее необходимо щелкнуть кнопку «+Таргетинг» и включить или же наоборот исключить необходимый ремаркетинговый список пользователей.

таргетинг и ремаркетинг

Также стоит отметить, что во время создания новой группы рекламных объявлений, пользователь может выбрать такой метод таргетинга, как «интересы и ремаркетинг»

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

количество показов обьявлений

Если вы правильно настроили списки ремаркетинга то получите также и списки людей, которые не посещали вашу веб-страницу, так как google бесплатно сможет предоставить списки тех аудиторий, которые похожи на те, что были собраны вами ранее. Списки аналогичных аудиторий система собирает в течении последних тридцати дней.

Работа диспетчера тегов Google в мобильных приложениях

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

  • Длину, ширину и место расположения рекламных объявлений. Это очень актуально, если, например, необходимо подогнать высоту или ширину баннера под размеры дисплея конкретного устройства
  • Любые доступные настройки игровых приложений на вашем мобильном устройстве
  • Настройки параметров пользовательского интерфейса (подогнать их под свойства конкретной мобильной платформы)
  • Настройки языка в приложениях. Также актуально практически всегда, особенно при использовании импортной техники.

Как это функционирует

Контейнер, который во время работы используется диспетчером тегов Google, содержит в себе тиггеры и переменные (ранее они были известны под названиями макросы и правила), которые занимаются определением настроек конфигурации, а также значений флагов в используемом приложении. Пользователь диспетчера тегов Google может без труда управлять этим контейнером, находясь непосредственно в своем аккаунте: вносить изменения в структуру переменных или тиггеров, а также публиковать, мониторить и тестировать новые веси контейнера. Разрабатывая мобильное приложение самостоятельно, вы связываете контейнер с ним напрямую посредством использования SDK диспетчера тегов Google. Также вы отмечаете контейнер приложения, выставленный по умолчанию, занимающийся определением значений конфигурации, которые использовались перед первой загрузкой данного контейнера. После того, как вышеописанное приложение получит доступ к сети интернет и произведет загрузку требуемого контейнера, тот контейнер, который использовался по умолчанию, более использоваться не будет. Приложением регулярно осуществляется проверка на наличие новых версий контейнера (примерно два раза в сутки при бесперебойной связи с интернетом).

Алгоритм создания контейнера для мобильных приложений

  • Перейти на страницу диспетчера тегов Google по ссылке tagmanager.google.com и создать свой аккаунт (зайти в уже существующий, если он был создан вами ранее)
  • Создать специальный контейнер для приложения, выбрав из предложенного «мобильные приложения»
  • Произвести загрузку и установку SDK диспетчера тегов Google для мобильных гаджетов

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

Заключение

Таким образом, можно сделать вывод, что диспетчер тегов google это очень полезный и многофункциональный ресурс, который сможет существенно сэкономить время широкому кругу работников и увеличить качество их работы, а также их производительность. Автоматизация некоторых моментов позволит предотвратить большое количество неизбежно допускаемых ошибок, связанных с человеческим фактором. К тому же диспетчер тегов google не является платной услугой и доступен любому пользователю, имеющему гугл-аккаунт, что способствует увеличению его популярности и дает перспективу скорейшего расширения его функций и возможностей в будущих версиях.