Вредоносное ПО (malware) - это назойливые или опасные программы,...
Приветствую, дорогие друзья!
Помните мы с вами настроили счетчик Метрики, затем счетчик Google Analytics, лезли в код сайта, чтобы разместить их? Совершенно незнающим HTML людям, это доставляло большие трудности. Ведь сразу-то и не поймешь, где находится тег или . Для этого нужные определенные знания. По этой причине, большинство владельцев сайтов поручают установку счетчиков вебмастерам или программистам, да еще и платят за это деньги. Правда небольшие, но все-таки деньги. А еще нужно составить ТЗ (техническое задание), что отнимает некоторое время.
Но умельцы из Google решили эту проблему, создав один очень хороший сервис. Называется Google Tag Manager. Суть этого инструмента – упростить взаимоотношения между человеком, не соображающим в вебмастерстве, и кодом сайта. То есть, вам не придется лезть в код, достаточно использовать этот сервис.
Настройка Google Tag Manager займет у вас несколько минут. Но в будущем данный инструмент возместит то время, которые вы потратили на его настройку. Кроме настройки, я расскажу вам, как установить счетчик Метрики, Analytics и Adwords на сайт, при этом не ползая в его внутренностях.
Ну-с, начнем-с.
Обязательно прочтите:
Начало работы с Google Tag Manager
Я думаю, что у большинства людей, читающих этот урок, есть аккаунты в Google. Можете сразу нажать на “Войти в аккаунт” в правом верхнем углу. Те, у кого нет аккаунтов, зарегистрируйтесь.
Ну а затем, нужно создать аккаунт, непосредственно, в самом Tag Manager. Для этого нужно заполнить небольшую форму: 
Назовите аккаунт и нажмите “Далее”. На следующем шагу нужно указать настройки контейнера, а именно адрес сайта и место, где будет использовать контейнер. Так как мы работаем с сайтом, то выбираем “Веб-сайт”: 
И нажимаем на кнопочку “Создать”. Затем, Google предлагает принять соглашение. Естественно мы его примем: 
Сразу после того, как мы создали аккаунт, появляется окошечко с кодом Google Tag Manager. Его нужно установить после открывающего тега :
Скопируйте его и установить на всех страницы сайта. Вот пример того, куда нужно установить код:
код Google Tag Manager
Если вам непонятно, то придется прибегнуть к услугам вебмастера. Но, поверьте мне, после этого обращаться к вебмастерам по пустяшным делам вы будете редко.
Терминология Google Tag ManagerДля того, чтобы разъяснить многие моменты и в то же время разобрать все самое необходимое для работы с Tag Manager, я решил дать небольшой список основных терминов. Итак:
- Контейнер – это тот самый JavaScript-код, который нужно вставить на все страницы. В него будут входить все те кода, которые мы установим с помощью Диспетчера тегов;
- Тег – это, непосредственно, сам код счетчика Google Analytics или Метрики;
- Триггер – это условие, при выполнении, которого активируется тег;
Настройка Google Tag Manager у многих начинается с установки счетчика Analytics. Мы не исключение. Итак:
Нехитрым способом мы установили счетчик Google Analytics. Как видите, это несложно.
Установка счетчика МетрикиУстановить счетчик Метрики еще проще. Так же создаем тег и при выборе типа тега выбираем “Пользовательски HTML”: 
Затем просто вставляем код Метрики в поле HTML: 
Назначаем тот же триггер “All Pages”, даем название и сохраняем. Вот и все, теперь у нас в одном контейнере находится два счетчика: 
Сегодня вы узнали как разгрузить страницы своего сайта от лишнего кода. Можете удалять кода счетчиков и оставить только код Google Tag Manager.
Как видите, настройка Google Tag Manager занимает всего пару минут.
Ну а на этом все, дорогие друзья. До скорых встреч!
Не забывайте подписываться на обновления блога.
Добрый день, читатели и гости. В данной статье мы научимся настраивать Google Tag Manager для отслеживания переходов по партнерским ссылкам в Яндекс Метрике и Google Analitics.
Идея написания возникла в связи с тем, что я установила на моём блоге баннер с партнерской ссылкой, которая ведет на хостинг . И мне стало интересно, кто из посетителей моего сайта осуществляет переход по данной ссылке, т. е. мне хотелось настроить цели в Яндекс Метрике и Google Analitics таким образом, чтобы они отражали переход с баннера.
На моем блоге аналитика установлена через Гугл Тег Менеджер (Google Tag Manager или GTM). В поисках подсказок о том, какие соответствующие настройки нужно произвести в GTM я перерыла весь рунет, но ответа так и не нашла. А нашла я его у одного американца - его имя Julian Juenemann. К сожалению, ресурс https://measureschool.com , на который ссылается автор на данный момент недоступен.
Google Tag Manager — что это такое ?Рассказывать подробно о том, что такое Google Tag Manager в данной статье не считаю нужным. Соответствующего материала на данную тему в интернете достаточно.
Но если говорить простым языком, то GTM можно представить как некий контейнер, некую ёмкость, которую мы устанавливаем на свой сайт в виде HTML кода. И уже в этот контейнер мы можем положить все что угодно. Например, установить счетчик любой статистики, будь то Яндекс Метрика или Google Analitics и т. д. Настроить отслеживание конверсий, отслеживание переходов и многое другое.
«Штука» очень удобная, особенно если вы работаете с клиентским сервисом, к которому у вас нет доступа через FTP. Достаточно один раз попросить программиста установить на сайт данный контейнер и больше коллегу мучить своими техническими заданиями не надо. И не терять по нескольку дней в ожидании, когда же наконец он выполнит работу, как это неоднократно случалось в моей практике. Не хочу обидеть программистов, они люди занятые и их тоже надо понимать. Но, время - деньги!
Часть практическая. Как отследить переходы по партнерским ссылкам. Настраиваем Google Тег Менеджер .Для демонстрации настроек я создала тестовый сайт, на который установила баннер, который ведет на сайт партнера. Мы настроим отслеживание переходов по донному баннеру с помощью Гугл Тег Менеджер. Переходы мы будем видеть в Яндекс Метрике и Google Analitics.
Данное действие позволит отслеживать нам все совершенные клики на сайте без исключения.
Рис. 1
Рис. 2
Настраиваем инструмент «Тег» так, чтобы совершенное действие - клик по партнерской ссылке, отображалось в Google Analitics. Код GA уже должен быть установлен на вашем ресурсе.
Рис. 3
Осталось опубликовать произведенные настройки, чтобы они вступили в силу. Наш результат — возможность отследить переходы, совершенные по партнерским ссылкам в Google Analitics. И если мы теперь кликнем на размещенный баннер партнера, то в Аналитике отобразится соответсвующее событие. См. рис. 4.
Рис. 4
Как произвести настройку Гугл Тег Менеджер для отслеживания переходов в Яндекс Метрике я решила написать во второй части статьи - «Гугл Тег Менеджер: отслеживаем переходы по партнерским ссылкам. Часть 2». Чтобы развеять все возникшие вопросы по настройке я записала для вас соответствующее видео. В видео вас ждет небольшой бонус - я показала как в Google Analitics настроить цель под наше событие.
С вами была Юлия Хайретдинова
Гугл тег менеджер – это удобный сервис для упрощения управления тегами и кодами сторонних ресурсов. Вебмастеру можно один раз разместить контейнер на разрабатываемый сайт, и далее остальные службы будут автоматически добавлять коды.
Больше видео на нашем канале - изучайте интернет-маркетинг с SEMANTICA
Чтобы понять, что собой представляет Google Tag Manager (GTM), разберем простую аналогию. Все мы знаем, что для обработки заказов в интернет-магазине, службе заказа еды или такси не обойтись без диспетчеров. На их плечи ложится процесс координации и обеспечения работы всей компании. Аналогичную функцию выполняет и данный сервис Гугл. Он позволяет не разрываться между приложениями, задачами и программами, а соединить все воедино и централизованно давать команды.
Сегодня GTM позволяет устанавливать на сайт коды различных сервисов и специализированных служб: Гугл Аналитика, Метрика Яндекса, Гугл карты, соцсети и т.д. За счет этого удается в разы облегчить процесс использования сторонних ресурсов и повысить эффективность работы интернет-ресурса.
Зачем нужен Google Tag Manager
Теги являются важной составляющей страниц, это фрагменты кода. Благодаря им сторонние ресурсы могут анализировать сайт, получать необходимую информацию с него. Теги также применяются для регулярного мониторинга конверсии, проведения эффективного ремаркетинга и прочих аналогичных целей. Современный маркетинг нуждается в гибком измерении, в возможности отслеживания внесенных изменений и в оценке их эффективности. Корректировка тегов и управление ими - достаточно длительное занятие, состоящее из нескольких этапов. GTM позволяет упростить данный процесс.
Как установить Tag Manager и настроить егоЧтобы начать использование, необходимо добавить контейнер Гугл менеджера на сайт. Далее устанавливаются переменные, затем настраиваются условия активации (триггеры). В конце теги добавляются в контейнер. Разберем каждый из этапов.
Добавляем контейнер Гугл менеджераЗаходим в систему Гугл, а именно в GTM, и создаем здесь личный кабинет. Настраиваем контейнер, вводим ряд параметров, в том числе и адрес самого сайта. Далее система сгенерирует код, который нужно вставить на ваш интернет-ресурс. Код состоит из 2 частей, первая помещается в хедер, а другая - в конце тега. Сохраняем внесенные корректировки, добавляем тег/теги, теперь публикуем контейнер.
ПеременныеАктивировать тег можно только при совпадении переменной и условий активации. Перечень переменных представлен в разделе меню с тем же названием, их настройка выполняется здесь же:
- Страницы. Это может быть источник запроса, URL, имя страничного хоста и т.д..
- Утилиты. Это различные события, наименование ID HTML-тега, тип контейнера и т.д.
- Ошибки. Это сообщения о том, где произошли ошибки и т.д..
- Клики. Это различные детали, связанные с кликами.
- История. Это фрагменты URL, текущие и предыдущие моменты истории, источник ее получения.
- Формы. Здесь применяются определения формы, ее текст и прочее.
Чтобы переменная открылась в фильтре триггера, ее нужно сначала включить в меню «Переменные».
Триггеры в Гугл Тег Менеджер
Триггеры, как мы выяснили ранее, должны соответствовать переменной. Триггеры настраиваются в одноименном разделе меню, здесь нужно нажать «Создать», а затем выбрать тип. Всего есть 3 разновидности:
- Клик. Триггер будет регистрировать клики по ссылкам, которые размещены на ресурсе, или по всем кликабельным элементам.
- Просмотр. Он автоматически начинает работать после приведения в готовность Модели DOM, полной загрузки Окна или выполнения перехода на нужную страницу.
- Другое.
Разберем функционирование тегов на конкретном сервисе, например, Гугл Аналитика. Подключаем интернет-ресурс к системе, открываем рабочую область и жмем на пункт «Добавить новый тег». Устанавливаем тип Universal Analytics. Далее прописываем идентификатор, он отображается в личном кабинете Гугл Аналитикс. Далее в пункте «Тип отслеживания» ставим отметку рядом с функцией «Просмотр страницы». В пункте триггеров жмем «Все страницы» и сохраняем внесенные изменения.
Чтобы проверить работоспособность тегов используем опцию «Предварительный просмотр и отладка». Выбираем данный пункт в рабочей области, а затем открываем интернет-ресурс в используемом браузере. Если все теги проставлены верно, данные о них отобразятся в окне диагностики.
В некоторых ситуациях необходимо использовать дополнительные настройки. Они позволят расставить теги в определенном порядке, по которому они будут активироваться. Если не имеет значения, в каком порядке будут активированы теги, можно забыть о расширенных настройках.
ФункционалСегодня GTM решает широкий спектр задач, что делает его универсальным помощником в следующих задачах:
- Чтобы сделать функционал своего сайта еще шире, нет необходимости вставлять на сайт новые контейнеры и веб-коды, достаточно разместить их в GTM.
- Подтверждать права на интернет-ресурс теперь можно напрямую через диспетчера, минуя .
- GTM эффективен как для мониторинга внешних переходов (через UTM-метки), так и для учета внутренних кликов (через Гугл Аналитику).
- Можно конкретизировать, сколько пользователей перешли по внешним ссылкам.
- Есть возможность уточнить, сколько отказов было сделано. Гугл Аналитика не может точно определить данный параметр, так как не берет в расчет посетителей, просмотревших только 1 страницу.
- Можно мониторить количество кликов по виджетам и спец.кнопкам.
- Есть возможность проследить источники получения внешнего трафика.
Это далеко не все функциональные возможности ресурса. Лучше всего самостоятельно пару раз пройтись по меню, попробовать разные фишки и выбрать те, которые подойдут именно для вашего ресурса.
Google Менеджер тегов позволяет настраивать и развертывать теги, в том числе для Google Рекламы , Google Аналитики и Floodlight , а также сторонние . Чтобы воспользоваться Менеджером тегов, выполните следующие действия:
Аккаунт – высший уровень иерархии в Менеджере тегов. Как правило, для компании достаточно одного аккаунта. В аккаунте Менеджера тегов есть один или несколько контейнеров . Существуют типы контейнеров для сайтов, AMP-страниц, приложений Android и iOS.
Как создать аккаунт и контейнерПри первой загрузке контейнера вы увидите приглашение добавить фрагмент кода на сайт или начать работу с Менеджером тегов в рамках SDK для выбранной платформы. Вы можете фрагмент кода сразу или нажать ОК , чтобы сделать это после настройки контейнера.
Как добавить контейнер в существующий аккаунт Установка контейнера- Разместите верхний фрагмент кода (начинающийся со ) в разделе веб-страницы. Желательно сделать это как можно ближе к открывающему тегу , но после деклараций dataLayer.
- Разместите нижний фрагмент кода (начинающийся с ) сразу после тега .
Чтобы предотвратить повторную активацию, удалите из кода все заданные вручную теги, которые были перенесены в контейнер Менеджера тегов.
Чтобы предотвратить несанкционированный доступ к контейнеру, фрагмент кода Менеджера тегов по умолчанию использует HTTPS.
Приветствую всех! Сегодня мы поговорим о google tag manager и посмотрим как с помощью этого инструмента можно настраивать . Google tag manager позволяет быстро обновлять теги и фрагменты кода на сайте или в приложении. Если говорить проще, то вы сможете настраивать когда и какую информацию вы хотите отправлять, например, в google analytics.
Для начала, разберем интерфейс. Переходим по ссылке: https://www.google.ru/tagmanager/
Называем контейнер, выбираем веб-сайт, нажимаем “создать”. Далее принимаем соглашение об условиях использования диспетчера тегов. После этого мы сразу видим инструкцию по установке кода , но если вы не установили код сразу, то найти её потом можно во вкладке “администрирование”:
В рабочей области также есть 5 вкладок слева:
- обзор
- теги
- триггеры
- переменные
- папки
Теперь разберём их по порядку. При переходе в “рабочую область” мы попадаем на вкладку “обзор”, где содержится общая информация о нашем контейнере . Во вкладке теги мы будем настраивать какую информацию мы хотим отправить. Вкладка триггеры позволяет задать правила , по которым будет определяться, когда должен срабатывать наш тег. Во вкладке переменные мы зададим какие параметры мы хотим отслеживать. Ну а вкладка папки нужна для удобной группировки созданных тегов, триггеров и переменных.
Установка кода Google Analytics на сайтВозможности таг менеджера достаточно обширны, но в данной статье мы рассмотрим только простые задачи. Для начала мы просто установим код google analytics на наш сайт. Для этого переходим во вкладку теги и нажимаем кнопку “создать”, придумываем название нашего тега, и выбираем из выпадающего меню код Universal Analytics.
Добавляем идентификатор отслеживания, а остальные настройки оставляем как есть.
Затем переходим к выбору триггера. Т.к. мы пока не создавали новых правил у нас будет только 1 доступный триггер “все страницы”, выбираем его и нажимаем “сохранить” в правом верхнем углу. После создания нам обязательно нужно проверить как работает созданный нами тег , для этого мы нажимаем на стрелочку рядом с кнопкой «опубликовать» и из выпадающего меню выбираем “предварительный просмотр”.
Теперь нам нужно (обязательно в том же браузере) открыть наш сайт. Внизу экрана мы должны увидеть панель google tag manager.
На скриншоте видно, что наш код сработал верно. Т.е. при загрузке страницы в analytics были отправлены данные о посещении. После того, как мы проверили правильно ли работает наш тег, нам надо выйти из режима предварительного просмотра и опубликовать изменения.
Теперь, когда мы установили код аналитики на сайт настроим . На всякий случай напомню, что по умолчанию отказом для аналитикса считается любое посещение при котором не произошло перехода на другую страницу сайта или не зафиксированное какое-то событие. При этом время проведенное на сайте никак не влияет на этот показатель. Для сравнения, в яндексе отказом считается посещение длительностью менее 15 секунд, без переходов и полезных действий. Сейчас мы посмотрим как быстро настроить показатель отказов с помощью google tag manager. Для этого нам нужно настроить отправку события в гугл аналитикс по истечении определенного времени (допустим это будет 15 секунд). Для начала создадим триггер. Переходим на вкладку триггеры и нажимаем кнопку “создать”, затем придумываем название триггеру и выбираем тип — таймер.
Теперь нам нужно выставить интервал 15000 (т.к. это миллисекунды), ограничение ставим 1 (сколько раз за посещение может быть зафиксирована цель). В условии триггера ставим Page url, “содержит” и домен своего сайта. Выбираем “все таймеры” чтобы триггер срабатывал на всех страницах.
Нажимаем «сохранить» и переходим во вкладку теги. Создаем тег Universal Analytics, придумываем название, добавляем идентификатор отслеживания, выбираем тип отслеживание — “событие”. Дальше, заполняем “категорию” и “действие” делать это можно произвольно т.к. мы не будем использовать эти данные, нам нужен сам факт отправки данных. Затем, пункт “не взаимодействие” обязательно выставляем “false”.
После этого из списка триггеров выбираем, созданный нами и нажимаем сохранить.
У нас готов новый тег и мы опять должны его протестировать. Переходим в режим предварительного просмотра, заходим на сайт, ждем 15 секунд. В результате мы должны увидеть 2 тега.
Возвращаемся в таг менеджер, выходим из режима предварительного просмотра и публикуем обновление. Все версии обновлений сохраняются в тег менеджере и при необходимости можно откатиться на предыдущую версию . Думаю, что для начала работы с тег менеджером этой информации достаточно. Удачи!
