Что такое Google Tag Manager (Диспетчер тегов)

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

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

Оно и понятно: неискушенному человеку бывает сложно сориентироваться в программных тонкостях.

То же самое относится к любому другому стороннему плагину, скрипту.

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

Что такое теги

Тегами называют фрагменты кода тех самых плагинов — скриптов, что вы ставите себе на сайт.

Обычно они помещаются в часть страницы. Чаще всего это упомянутый Google Analytics; настройка ретаргетинга; авторассылка по брошенным корзинам в интернет-магазине; сервисы a/b тестов, тепловых карт, динамического контента и т. д.

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

А если нужно внести изменения и перенастроить правило отслеживания конверсий, к примеру? Вот здесь и начинается «трэш и угар». Не у всех, конечно, но достаточно часто.

Что сделал Google

Разработчики Google решили упростить жизнь «простым смертным» и создали Диспетчер для управления тегами в одном месте.

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

Итак, переходим к процессу настройки.

Настройка Google Tag Manager

1) Открываете страницу проекта.

Если у вас есть аккаунт Google, входите по ссылке «Войдите в аккаунт» в правом верхнем углу, если нет – регистрируетесь.

2) Дальше вы создаете личный аккаунт уже конкретно в Диспетчере.

Для начала даете ему название.

В качестве имени контейнера лучше всего указать доменное имя сайта.

Ставим галочку «Передавать анонимные данные в Google и другие службы» и переходим к следующему шагу.

3) Отмечаете настройки контейнера:

Это выбор платформы, где будет использоваться Google Tag Manager – веб-сайт, мобильная версия под iOS или Android , либо страницы AMP-формата.

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

4) Tag Manager генерирует персональный код, который нужно вставить на любую страницу сайта, где требуется установка и отслеживание скриптов.

Чаще всего это не одна, а все страницы.

Обратите внимание:код ставим в раздел <head> и сразу после открывающего тега <body>.

Если сомневаетесь в своих силах, попросите сделать это программиста – задача на несколько минут.

Жмем ОК и приземляемся на странице Обзор диспетчера тегов Google.

5) Чтобы добавить новый тег, выберите «Теги» из левого вертикального меню, которое покажет все доступные теги в текущем контейнере.

Нажмите ссылку «Новый», чтобы продолжить.

6) После клика на «Создать», дальше вы увидите окно, где могут быть добавлены новые теги.

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

Google Менеджер тегов поможет вам настраивать и развертывать теги, в том числе для Google Рекламы, Google Аналитикии Floodlight, а также сторонние.

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

Существуют типы контейнеров для сайтов, AMP-страниц, приложений Android и iOS.Как создать аккаунт и контейнер. Откройте Менеджер тегов и нажмите Аккаунты Создать аккаунт.

Введите название аккаунта и при желании установите флажок «Передавать анонимные данные в Google и другие службы».Нажмите Далее.Введите информативное название контейнераи выберите тип ресурса: Веб-сайт, AMP, iOSили Android.

Если вы создаете контейнер для мобильного приложения, выберите также вариант SDK: Firebaseили Устаревшее приложение.Нажмите Создать.Ознакомьтесь с Условиями использования и примите их, нажав кнопку Да.

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

Как добавить контейнер в существующий аккаунт?

В Менеджере тегов нажмите Аккаунты рядом с названием нужного аккаунта.Выберите Создать контейнер.Повторите действия 4–6, описанные выше.

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

В Менеджере тегов откройте раздел Рабочая область.Вверху страницы вы увидите идентификатор контейнера в формате GTM-XXXXXX.Нажмите на идентификатор.Скопируйте и вставьте фрагменты кодана свой сайт в соответствии с инструкциями или загрузите и установите нужный SDK для мобильного приложения.

Ниже приведены советы для веб-страниц, AMP-страници мобильных приложений.Веб-страницы.

Разместите верхний фрагмент кода (начинающийся со <script>) в разделе <head>веб-страницы. Желательно сделать это как можно ближе к открывающему тегу <head>, но после деклараций dataLayer.Разместите нижний фрагмент кода (начинающийся с <noscript>) сразу после тега <body>.

Чтобы предотвратить повторную активацию, удалите из кода все заданные вручную теги, которые были перенесены в контейнер Менеджера тегов.Чтобы предотвратить несанкционированный доступ к контейнеру, фрагмент кода Менеджера тегов по умолчанию использует HTTPS.

Если у вас есть причины использовать адреса без указания протокола, измените https://на //в исходном URL во фрагменте контейнера. Подробнее…Страницы AMPВставьте код с фрагментом <script>непосредственно перед закрывающим тегом </head>.

Вставьте раздел с фрагментом <amp-analytics>сразу после открывающего тега <body>.После установки контейнера выполните следующие действия:Слева нажмите Теги.

Чтобы добавить тег, нажмите кнопку Создать, выберите тип тега и задайте триггеры.Чтобы изменить тег, выберите его в списке и задайте новые настройки, например триггеры, активирующие этот тег.

Чтобы удалить тег, выберите его в списке и справа вверху нажмите  > Удалить.Предварительный просмотрпомогает проверить конфигурацию Менеджера тегов на сайте или в приложении и убедиться, что все работает правильно.

 

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

Подробнее…Если вы размещаете тег в приложении, изучите документацию для разработчиков (Androidи iOS).

Когда все будет готово, справа вверху нажмите Отправить.

Заполните поля Название версиии Описание версии, а затем нажмите Опубликовать.Как правило, работа с Менеджером тегов начинается с добавления тега Google Аналитики «Просмотр страницы».

Наши гарантии

Договор
Заключаем официальный договор
Гарантия на работы
Гарантия на реализацию полного объема работ по SEO
Бухгалтерия
Предоставляем полный пакет документов согласно законам РФ.
Сроки работ
Прописываем в договоре и соблюдаем сроки работ.
Отчет
Предоставляем отчет по сделанной работе.

Наше портфолио

Кто работает над проектами?

НАША КОМАНДА

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

SEO-специалист

задача

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

навыки
  • Знание SEO
  • Знание деталей продвижения сайтов-услуги и интернет-магазинов
  • Понимание внешних, внутренних факторов ранжирования
  • Умение пользоваться сервисами SEO-аналитики, Яндекс.Метрики, Гугла Аналитикса, других вспомогательных сео программ

Программист

задача

Реализовать замечания от SEO-специалиста

навыки
  • JS, PHP, HTML
  • SEO верстки, тегов и атрибутов HTML-страниц, серверных настроек
  • Знание плагинов и принципов работ основных CMS, (Wordpress, Drupal, Tilda, Joomla, ModX, Bitrix и т.д.)
  • Разбирается в самописных кодах
  • Уверенное понимание фреймворков веб-разработки
  • Умение обращаться с системами управления базами данных, в частности, MySQL, MongoDB и PostgreSQL.
  • Знание методов повышения производительности

Контент менеджер

задача

Заполнение страниц, текстов, метаданных, картинок, редактирование текстов.

навыки
  • Понимание принципов работы в CMS
  • Уникализация текстов
  • Умение писать сео оптимизированные тайтлы и дескрипшены
  • Проверка на переспам
  • Умение работать в Фотошопе
  • Умение работать с сервисами Адвего, Копилансер, Контент-Вотч, Тургенев.Ашманов, использовать нейросети

Директолог

задача

Текущий аудит и настройка Яндекс.Директа

навыки
  • Парсинг ключевиков
  • знание Кейколлектора
  • Кластеризация ключевых фраз
  • Знание Директ Коммандера
  • Создание РК на поиске и РСЯ, с использованием мастера компаний, Яндекс Аудиторий и других современных трендов Директа
  • Знание Яндекс Аудиторий и других современных трендов Директа

Дизайнер

задача

Создавать дизайн-макеты в Figme, создавать креативы для Яндекс Директа.

навыки
  • Знание принципов Веб-дизайна
  • Работа в Фотошопе, Figme и т.д.

Копирайтер

задача

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

навыки
  • Наличие стиля в письме
  • Превосходное знание русского языка
  • Умение вникать в разные сферы бизнеса
  • Умение писать полезные и интересные для аудитории сео статьи

Маркетолог

задача

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

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