Ответ
Как начать работать с Google Tag Manager Опции темы
Старый 06.03.2016, 21:44
  #1
Nataly
 
Регистрация: 30.07.2014
Сообщений: 474

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

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

Почему следует использовать Google Tag Manager?

Некоторое время назад мы опубликовали статью под названием «How «Tag Management» Can Improve Site Performance», в которой давалось определение тега...

«Когда люди говорят о тегах, они имеют в виду фрагменты JavaScript кода, предоставляемого сторонними сервисами, такими, как Google Analytics, DoubleClick, AdRoll, Adobe SiteCatalyst и др. Установка любого подобного сервиса с целью улучшить способность охватывать и обслуживать клиентов, означает добавление нового фрагмента кода JavaScript или тега на сайт».

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

Leho Kraav, ConversionXL:

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

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

Почему следует использовать диспетчер тегов?

• Ваш бизнес, вероятно, будет иметь меньше технических затрат по данной проблеме

• Если возникают проблемы, тегами их проще решить, чем проводить изменения в самом коде

• Предварительно разработанные теги ускоряют процесс реализации»


Он добавил, что Google Tag Manager – это не единственный вариант управления тегами. «Все, что говорится о GTM, относится к технологиям управления тегами в целом. Существуют и другие провайдеры, помимо Google», - сказал он.

Вот несколько других вариантов...

• TagCommander

• UberTags

• Adobe Dynamic Tag Management

• Segment

• 7tag

• Tealium

Однако, поскольку Google Tag Manager - это, пожалуй, самый доступный и буквально предназначенный для Google Analytics инструмент, мы сконцентрируемся на нем. Chris Mercer из SeriouslySimpleMarketing.com предложил другие идеи, почему следует использовать Google Tag Manager...

Chris Mercer, SeriouslySimpleMarketing.com:

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

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


Несмотря на то, что Google Tag Manager относительно прост в использовании и разработан, чтобы сделать вашу жизнь проще, когда вы только начинаете с ним работать, легко сделать ошибки. Вот несколько наиболее распространенных ошибок, по мнению Leho Kraav, ConversionXL:

• «Размещение слишком большого числа тегов на сайте будет заметно замедлять загрузку страниц.

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

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

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


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

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

Как настроить Google Tag Manager

Шаг 1: Установка тега Google Analytics

Как и с любым аналитическим инструментом, вам потребуется создать, задействовать и протестировать первый тег. Чтобы это сделать, вам потребуется аккаунт в Google Tag Manager. Если у вас есть аккаунт Google, вы можете просто использовать его, чтобы создать аккаунт в GTM.





Далее необходимо будет настроить контейнер, который может быть либо web, iOD или Android.





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

• Добавлять теги и заметки.

• Смотреть неопубликованные теги, триггеры и переменные.

• Просматривать опубликованные теги, триггеры и переменные.

• Получать обзор последней активности контейнера.

Взгляните...





Так как Google Tag Manager и Google Analytics работают вместе, мы начнем с создания стандартного тега «Просмотр страницы». Если нажать на кнопку «Новый тег», откроется следующая страница:





Мы назовем этот тег «GA Pageview – ConversionXL – All». Важно давать точные имена тегам. Ведь у вас может быть их сотня. Если они не будут названы правильно, вы можете в них запутаться.

Chris Mercer, SeriouslySimpleMarketing.com:

«Одна из самых распространенных ошибок - это не корректное наименование тегов. Довольно легко потеряться в том, что у вас есть, когда в наличии имеется более 100 тегов».

Выберите формат имени и поделитесь им с остальными членами команды. Далее выберите «Google Analytics» и «Continue».

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





На третьем этапе вас попросят предоставить Google Analytics Tracking ID, который можно найти в Google Analytics в разделе Admin > Property Settings.





Нажмите кнопку «Enable Display Advertising Features» если планируете использовать функции ремаркетинга Google. В поле Track Type должно стоять «Page View», что уже выбрано. Далее, необходимо решить, когда и где вы хотите запускать тег...





Это называется триггеры. Так как вы хотите собирать все данные, выберите триггер «All Pages». При нажатии на кнопку «Create Tag», вы перейдете в список всех тегов. Обратите внимание, что тег еще не был опубликован. Чтобы это сделать, нажмите кнопку «Publish», расположенную в правом верхнем углу страницы.

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





Здесь вы увидите, что тег «Bounce Exchange» запущен на данной странице. Просто убедитесь, что тег отображается на каждой странице сайта перед его публикацией.

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

Шаг 2: Настройка переменных

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





Выше вы видите готовые, встроенные переменные. Прокрутите страницу вниз и выберите «New» в разделе «User-Defined Variables». Назовите свою переменную, например, «gaProperty» и выберите «Constant», так как вам нужно настроить одну переменную для нескольких тегов...





В поле «Value» введите свой ID в Google Analytics. Теперь вы сможете использовать переменную gaProperty везде, где вы обычно вводите идентификатор Google Analytics. Чтобы узнать, как это работает, вернитесь к тегу, который вы создали ранее, нажмите «Tags» на панели слева. Затем, отредактируйте тег, который вы создали...





Если ранее поле «Tracking ID» заполнялось вручную, теперь вы можете кликнуть на кнопку справа и выбрать «gaProperty».

Шаг 3: Настройка междоменного отслеживания

Междоменное отслеживание необходимо, если сайт функционирует на двух разных доменах. Например, сайт ConversionXL Live – поддомен. Междоменное отслеживание позволяет этим двум доменам общаться и предотвращать дробления данных.

Для начала создадим две пользовательские переменные с постоянными значениями: «gaDomain» и «gaCrossDomains». «gaDomain» будет записывать куки в домен самого высокого уровня, что обеспечит, что он поддерживается на уровне поддоменов. «gaCrossDomains» позволит получить список всех доменов, которые вы хотите отслеживать. Начнем с «gaDomain»...





Снова выбираем раздел «Constant». На этот раз, в поле «Value» установите «Auto»: это объяснит Диспетчеру тегов Google, что файлы cookie автоматически записываются в домене высшего уровня. Теперь перейдем к «gaCrossDomains»...





На этот раз, введите домены, которые вы хотите отслеживать в поле «Value». Чтобы посмотреть, как это работает, вернитесь к тегу «Pageview» и отредактируйте его...





В разделе «More settings» вы найдете «Fields to Set». Для «Fields to Set» найдите «cookieDomain» и для «Value» найдите «gaDomain». Затем, необходимо выбрать «Cross Domain Tracking» и добавить переменную «gaCrossDomains»...

Чтобы убедиться, что все настроено правильно, зайдите в Google Analytics и откройте режим «Real-Time». Вы должны увидеть данные, собираемые со всех доменов, которые были перечислены в переменной Google Tag Manager.

Шаг 4: Расшифровка данных

Существует два способа, с помощью которых Google Tag Manager собирает данные:

1. Извлечение данных непосредственно из исходного кода или браузера.

2. Использование Data Layer для передачи данных в другие приложения.

Понимание и внедрение Data Layer является важным, так как данная переменная не опирается на исходный код, который может быть уязвимым. При внесении изменений на сайт Data Layer сохраняет код.

Data Layer - это объект JavaScript, который содержит данные, передающиеся с сайта. Он структурирован в виде парных параметров, которые либо заносятся в приложение, такое как Google Analytics, либо используются для определения того, когда должны запускаться теги.

Например, у ConversionXL может быть переменная «blogCategory» с категориями «UX / Design», «Copywriting», «A/B Testing» и др.

Тогда мы смогли бы показать определенные призывы к действию конкретным читателям на основе типа контента, который они просматривали в последнее время. Например, если бы вы соответствовали категории «Digital Analytics», мы бы предложили вам скачать последнее аналитическое руководство в обмен на email-адрес.

Либо можно написать пользовательский JavaScript, который передаст данные в Data Layer. Это означает, что данные будут собираться независимо от тегов на странице. Запутались, как работает уровень данных? Вот как Google объясняет это разработчикам...

«Для обеспечения максимальной гибкости, переносимости и легкости внедрения, Google Tag Manager лучше всего работает с применением уровня данных. Уровень данных - это объект, который содержит всю информацию, которую вы хотите передать диспетчеру тегов Google. Информацию о событиях или переменных можно передать диспетчеру тегов Google через уровень данных, а триггеры можно установить в GTM на основе значений переменных (например, запуск тега ремаркетинга, когда сумма покупки превышает $100) или на основе конкретных событий. Значения переменных могут быть переданы через другие теги».

Добавьте этот код, чтобы установить уровень данных...

<script>
dataLayer = [];
</script>


Конечно, это пустой код. Используя пример выше, Google предоставляет следующий пример кода...

<script>
dataLayer = [{
‘pageCategory’: ‘signup’,
‘visitorType’: ‘high-value’
}];
</script>


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

Как собирать и отслеживать данные с помощью диспетчера тегов Google

Шаг 1: Передача статических переменных

Вы знаете, что Google Tag Manager позволяет передавать данные в Google Analytics, верно? Далее вы можете использовать специальные параметры в Google Analytics для сегментирования данных пользователя. Забегая вперед, предположим, что у вас есть сайт электронной коммерции. Это позволит вам в полной мере понять силу диспетчера тегов Google.

Во-первых, вам понадобится создать пользовательскую переменную уровня данных, которая сообщит Google Tag Manager, когда собирать информацию о категории товара.





На этот раз, следует выбрать тип переменной «Data Layer Variable» вместо «Constant». Используйте последнюю версию «Data Layer Version». Отметьте поле «Set Default Value» и введите «not set». Это будет отображаться в Google Analytics в том случае, если значения записываются не так, как ожидалось. Вы можете следовать той же процедуре, если у вас есть дополнительные переменные.

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

Итак, перейдите по следующему пути Google Analytics > Admin > Custom Definitions > Custom Dimensions > New Custom Dimension. Назовите параметр «Product Category» и установите в качестве области доступа «Обращение». Если у вас есть дополнительные переменные, повторите данный процесс.

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

Вернитесь к тегу « Pageview» в Google Tag Manager. Нажмите кнопку «Copy» в правом нижнем углу. На этот раз мы не будем отслеживать просмотры страницы, мы будем отслеживать события (Event) (т. е. кто-то выбирает категорию продукта).

Мы переименуем скопированный тег и изменим настройки конфигурации...





Как видите, «Category» и «Action» названы соответственно. «Label» - это пользовательская переменная, созданная ранее. Далее, необходимо изменить «Custom Dimensions»…





Если помните, в Google Analytics был номер параметра. Его также называют «Index», мы вводим его здесь. «Dimension Value» - пользовательская переменная, настроенная ранее. Теперь, нам не нужно, чтобы тег активировался на каждой странице. Вместо этого, мы хотим, чтобы он активировался на клик, поэтому выбираем «Click» на четвертом шаге...





Вот как должно выглядеть конечное всплывающее окно...





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

В окне предварительного просмотра вы увидите ценность страницы для «productCategory» в разделе «Variables» > «Page Load». Если все работает, вы сможете добавить специальный параметр в отчеты Google Analytics и просматривать данные на основе категории товара.

Шаг 2: Передача динамических переменных

До этого момента мы собирали статические переменные. Если вы хотите отслеживать динамические переменные такие, как доход, вы можете использовать Custom Metrics. Во-первых, мы создадим еще одну пользовательскую переменную уровня данных…





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





Обратите внимание на использование переменной «tripPrice», которая располагается парой с «tripValue». Войдите в режим предварительного просмотра, чтобы убедиться, что все работает корректно. В уровне данных вы должны увидеть «productValue» или, в случае Google, «tripValue» и фактическое значение (например, $49.99). Custom Metrics и Custom Dimensions схожи, поэтому процесс настройки кажется одинаковым.

Перейдите Google Analytics > Admin > Custom Definitions > Custom Metrics > New Custom Metric. Назовите специальный показатель «Product Value», в качестве области доступа установите «Обращение», установите тип форматирования «Currency», затем кликните «Create». Специальные показатели также имеют числа «Index», поэтому обязательно пометьте значение Index нового показателя.

Теперь, вернемся в Google Tag Manager и отредактируем исходный тег…





Просто вставьте значение «Index» специального показателя из Google Analytics. «Metric Value» - пользовательская переменная уровня данных, которую вы только что создали. Теперь, можно построить пользовательский отчет в Google Analytics. Нажмите Customization > New Custom Report…





Как только у вас получится что-то похожее на скрин выше, нажмите кнопку «Add Metric» и добавьте Custom Metric. Затем, сохраните отчет. Теперь вы действительно сможете понять, откуда возникает ваш доход. Поэкспериментируйте с различными показателями и параметрами!

Шаг 3: Отслеживание событий

Давайте теперь предположим, что у вас есть блог, как, например, ConversionXL. Вы хотите измерить уровень конверсии формы, захватывающей email адреса для рассылки справа. Другими словами, вам нужно получить отношение числа новых подписчиков к общему числу посетителей. Лучший способ сделать это – с помощью триггера события, который расскажет вам, сколько раз была нажата кнопка «Подписаться».

Во-первых, мы создадим пользовательский URL-адрес переменной...





«Component Type» имеет значение «Fragment», который означает, что все, что идет после the / будет включено. Например, если кто-то подписался на «www.conversionxl.com/blog», все равно будет возвращаться «blog».

Если вы перейдете на сайт и используйте «Inspect Element» на кнопке «Subscribe», вы увидите, что это находится в пределах класса, что позволит захватить данные. Таким образом, в диспетчер тегов Google убедитесь, что «Classes» включены в «Built-In Variables»...





Затем, необходимо создать сам триггер...





Если кнопка представляет собой HTML-ссылку, стилизованную под кнопку, выберите «Just Links». В ConversionXL все посты имеют адрес: www.conversionxl.com/blog-post-title. Итак, мы хотим, чтобы триггер был включен на всех страницах. Ваш может быть другим.

Мы хотим, чтобы триггер срабатывал только тогда, когда класс содержит «subscribe». Опять же, для вас это будет отличаться. Используйте Inspect Element , чтобы найти свой.

Теперь, нам нужно создать новый тег. Для этого скопируйте изначальный тег так, чтобы междоменное отслеживание и другие параметры сохранились. В конфигурации измените тип с «Page View» на «Event»...





«Category» и «Action» являются чисто описательными. В качестве «Label» должна быть переменная «URL Destination», созданная ранее. После этого измените настройки «Fire On» на шаге четыре...





Выберите «More» и затем выберите триггер, который вы создали ранее. Теперь вы сможете увидеть это событие в Google Analytics и разделить количество подписчиков на количество посетителей, чтобы получить коэффициент конверсии. Там даже есть возможность разделить их по постам. Например, коэффициент конверсии выше для поста А, чем для поста Б.

Как интегрировать PPC

Отслеживание конверсий в AdWords

Если вы используете AdWords, то сможете использовать Google Tag Manager, чтобы задействовать код сайта. Во-первых, вам потребуется некоторая информация из аккаунта AdWords. Перейдите Tools> Conversions>Choose your conversion. Когда вы будете редактировать настройки, вы сможете увидеть код для «Install your tag».

Пометьте переменные Google Conversion ID и the Google Conversion Label.

Вернитесь в Google Tag Manager и создайте новый тег…





Для «Conversion ID» и «Conversion Label» введите данные из аккаунта AdWords. Обратите внимание, что вы снова используете переменную «productValue». Поскольку вы хотите отслеживать все страницы, выберите «All Pages» на четвертом шаге.

Затем, проверьте настройки. Используйте режим просмотра и попробуйте протестировать несколько кликов в AdWords, чтобы убедиться, что все работает должны образом. В Google Analytics вы можете отследить путь трафика из PPC от введения ключевого слова до покупки.

Вывод

Теперь, когда у вас есть твердое понимание основ, вы можете начать работу с диспетчером тегов Google.
Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием

Ответ
 
 

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как отследить прокрутку страницы с Google Tag Manager Nataly Статьи 0 06.04.2015 15:39
Основы Google Tag Manager: ссылки и клики Tallulah Статьи 0 01.11.2014 21:19
Google Analytics: с чего начать сегментацию данных? Nataly Статьи 0 16.10.2014 12:17
Как установить Google Tag Manager на WordPress luxurious Сервисы 0 28.08.2014 18:05
Google Tag Manager - один код управляет всем Cookie Сервисы 0 23.07.2014 14:00

Метки
google adwords, google analytics, google tag manager, диспетчер тегов, переменные


Здесь присутствуют: 1 (пользователей: 0, гостей: 1)
 
Опции темы

Быстрый переход


Текущее время: 20:33. Часовой пояс GMT +3.