Теги гугл: Install Google Tag Manager for web pages | Google Tag Manager for Web

Разное 

Содержание

Настройка Google Аналитики с помощью Google Менеджера тегов | Центр Поддержки

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

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

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

Шаг 1 | Создайте триггер для событий просмотра страниц

Сначала вам нужно настроить триггер для событий просмотра страниц в своем аккаунте Google Менеджера тегов.

Чтобы настроить триггер:

  1. Войдите в свой аккаунт Google Менеджера тегов.
  2. Нажмите Триггеры в меню слева.        
  3. Нажмите Создать.
  4. Нажмите поле Чтобы начать настройку, выберите тип триггера.
  5. Из списка типов триггеров выберите Специальное событие.
  6. Введите «Просмотр страницы» в поле Название события.
  7. Нажмите Сохранить.
  8. Введите название триггера (например, Wix Pageviews).

Шаг 2 | Создайте переменную для хранения URL страницы

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

Чтобы создать переменную:

  1. Нажмите Переменные в меню слева.
  2. Нажмите Создать в разделе Пользовательские переменные.
  3. Нажмите поле Чтобы начать настройку, выберите тип переменной.
  4. Выберите Переменная уровня данных из списка возможных типов триггеров.
  5. Введите «url» в поле Имя переменной уровня данных.
  6. Нажмите Сохранить.
  7. Введите имя переменной (например, Wix var — page url).

Шаг 3 | Настройте тег для Google Аналитики

Последний шаг — настройка тега для Google Аналитики, который использует имя вашей новой переменной.

Чтобы настроить тег:

  1. Нажмите Теги в меню слева.
  2. Нажмите Создать.
  3. Введите название тега (например, Wix Pageviews).
  4. Нажмите поле Чтобы начать настройку, выберите тип тега в разделе Конфигурация тега.
  5. Выберите Google Аналитика: Universal Analytics из списка.
  6. Установите флажок Включить переопределение настроек в этом теге.
  7. Введите идентификатор отслеживания вашего ресурса Google Аналитики в поле Идентификатор отслеживания.
  8. Нажмите Дополнительные настройки.
  9. Нажмите Поля, которые необходимо задать.
  10. Нажмите + Поле.
  11. Выберите «page» в разделе Название поля.
  12. В разделе Значение добавьте имя переменной в двойные фигурные скобки, например, {{Wix var — page url}}.
  1. Нажмите поле Выберите триггер, который будет активировать тег в разделе Триггеры.
  2. Выберите триггер, созданный на шаге 1.
  3. Нажмите Сохранить.

Важная информация об использовании Google Менеджера тегов

  • Эта функция доступна только для сайтов с подключенным доменом. 
  • Невозможно отслеживать события для страниц бизнес-приложений (например, Wix Restaurants, Wix Bookings и т. д.)
  • Если вы ранее задали предустановленный идентификатор отслеживания с помощью Google Менеджера тегов (например, пиксель Facebook), вы должны отключить этот идентификатор отслеживания в своем аккаунте Wix. Использование одного и того же идентификатора в Менеджере тегов Google и на вашем сайте Wix может привести к неправильной работе идентификатора.
  • Wix не предоставляет поддержку по техническим вопросам со сторонними фрагментами кода. Если у вас возникли проблемы с фрагментом кода, пожалуйста, свяжитесь с провайдером напрямую.

что это, как настроить диспетчер тегов

Содержание

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

Google Tag Manager (GTM) — специальный сервис, помогающий пользователям находить и создавать теги для сайта или мобильного приложения, пользоваться сторонними кодами, заниматься тестированием системы. С помощью GTM можно работать с аналитическими системами самостоятельно, не привлекая сторонних специалистов.

Кому нужен Google Tag Manager

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

Преимущества Google Tag Manager
  1. Шаблоны для интеграции Google Analytics и ряда других метрик.
  2. Удобная работа с внедрением и редактированием тегов.
  3. Возможность использования собственных тегов.
  4. Наличие текстовой подмены для оперативного выбора нужного тега.
  5. Загрузка тегов разными этапами для ускорения работы сайта.
Профессия Интернет-маркетолог
Получите за 12 месяцев практические навыки интернет-маркетинга для освоения digital-професcии, роста бизнеса или прорыва в карьере. Прокачайте навыки в таргете, контекстной рекламе, SMM и influence-маркетинге. Освойте аналитику на продвинутом уровне. Учитесь на собственном проекте или выполняйте задания на проектах наших партнеров.

Хочу в IT

Из чего состоит Google Tag Manager

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

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

Порядок действий выглядит следующим образом. Каждый аккаунт Google Tag Manager содержит минимум один контейнер с одним или несколькими тегами (пример такого тега — Google Analytics). На этот тег устанавливается триггер, задаются условия срабатывания и передачи отчета о действии. Затем триггер считывает определенную переменную.

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

Авторизоваться на сервисе GTM можно через имеющийся аккаунт Google. Если его нет, создать аккаунт можно с нуля. Если аккаунт есть, необходимо нажать «Start for Free».

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

После принятия условий дополнительного соглашения появится окно с кодом:

Этот код необходимо интегрировать на свой сайт в шапку. Файл с кодом может носить имя index.html, header.php или иначе при расположении сайта на CMS.

Подключение сайта к Google Analytics

Необходимо выбрать меню «Новый тег» (New Tag) и нажать «Создать новый тег» (Add a New Tag). В конфигурации тегов можно выбрать Google Analytics: Universal Analytics.

Затем нужно указать идентификатор отслеживания (Track Type) и выбрать All Pages в разделе триггеров.

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

Настройка триггеров Google Tag Manager

Нужно нажать на меню «Создать» (New) в правом верхнем углу панели. Затем выбрать в предложенном списке «Только ссылки» (Just Links).

Условием активации триггера необходимо установить клик по заданному URL, а также адрес, переходы по которому нужно будет отслеживать:

Настройка переменных в Google Tag Manager

Нужно выбрать соответствующие пункты в меню, настроить пользовательские шаблоны либо создать новые.

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

  • страницы. Принимают адрес (полный, относительный), источник запроса и имя хоста;
  • утилиты. Служат для взаимодействия с событиями, рабочими областями, ID и версией контейнера;
  • ошибки. С их помощью можно сообщить об ошибках, посмотреть на контейнер в режиме отладки, указать адрес ошибки;
  • клики. Элементы HTML, URL, текст элементов, target-атрибуты, ID элемента;
  • формы. Может принимать атрибуты, текст формы, элементы и классы формы;
  • история. Эта переменная может принимать любое состояние истории или ее источник, поддерживать активацию триггера при изменении хеша URL.

Возможности Google Tag Manager

С помощью GTM можно решать множество разнообразных задач.

Отслеживание кликов по кнопкам соцсетей

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

Внедрение микроразметки

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

Отслеживание переходов по внешним ссылкам

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

Просмотр отказов

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

Как установить Google Tag Manager на WordPress

WordPress — одна из самых популярных CMS, с которой любят работать и новички, и опытные разработчики. Логично, что возможность настройки GTM существует и для нее. Есть два способа:

  • установка с помощью плагина;
  • установка контейнера напрямую в код.

Выбор зависит от возможностей сайта, но главный плюс — глубоких познаний в области программирования иметь не нужно. Существует готовый плагин Google Tag Manager for WordPress.

Выбор нужных тегов

Перед установкой лучше разобраться сразу, какие теги потребуются при дальнейшей работе. По умолчанию на многих сайтах используется глобальный тег gtag. js. Это не самый гибкий способ, потому что все корректировки в код впоследствии нужно буде вносить вручную, а скрипты устанавливать с помощью разработчика. Когда сайт создается с нуля, лучше использовать Google Tag Manager сразу. При этом можно использовать одновременно GTM и глобальный тег.

Настройка GTM

Плагин Google Tag Manager for WordPress можно установить напрямую из панели администратора. Во вкладке «Плагины» нужно выбрать кнопку «Добавить новый» и ввести название в поисковой строке. Настройка происходит из личного кабинета пользователя. Потребуется идентификатор аккаунта, который расположен на вкладке «Администрирование». Идентификатор вставляется на главной вкладке настроек плагина. Здесь же расположен код контейнера. Он находится по умолчанию внизу, и менять его расположение не рекомендуется — это влияет на скорость работы сайта в будущем.

Затем через вкладку Integration можно подключить GTM к нескольким популярным плагинам. После этого останется только сохранить изменения.

Обычно следующим этапом становится подключение к Google Analytics. Его идентификатор находится в разделе «Потоки данных» — «Сведения о потоке». Код нужно скопировать и вставить в описание тега.

Завершается установка настройкой триггеров. Нужно настроить обычное отслеживание, поэтому необходимо выбрать пункт «Все страницы» (All Pages). Полученные настройки останется только опубликовать. Сделать это можно на главной странице GTM. Обычно настройка занимает 20–30 минут и не требует большого опыта в программировании.

Google Tag Manager — удобный инструмент, который может облегчить аналитическую работу с сайтом. Чтобы изучить все тонкости его настройки под собственные цели, рекомендуем пройти курс SkillFactory и получить все необходимые знания.

Курс
IT-специалист с нуля Поможем определить подходящую вам IT-профессию и освоить её с нуля. Вы на практике попробуете разные направления: разработку на разных языках, аналитику данных, Data Science, менеджмент в IT. Это самый подходящий курс для построения карьеры в IT в новой реальности.

Хочу в IT

Инструменты и решения для управления тегами веб-сайта

Управляйте всеми тегами своего веб-сайта без редактирования кода. Диспетчер тегов Google предоставляет простые, надежные и легко интегрируемые решения для управления тегами — бесплатно.

Начните бесплатно

Чем могут помочь решения по управлению тегами.

  • значок бегущего человека
    Увеличьте свою ловкость.

    Эффективно добавляйте и обновляйте собственные теги веб-сайта, чтобы лучше понимать конверсии, аналитику сайта и многое другое.

  • значок бесконечности
    Легко интегрируйтесь.
    Диспетчер тегов

    поддерживает и интегрируется со всеми тегами Google и сторонних производителей.

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

    , функции безопасности и быстрая загрузка тегов гарантируют, что все ваши теги будут работать.

  • значок людей
    Сотрудничайте в своей команде.

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

Посмотреть все преимущества

Посмотреть все преимущества

С Диспетчером тегов Google от получения тега до тестирования, контроля качества и развертывания проходит около часа.

Это экспоненциально лучше.

Мона Ганди, Инженер-программист, Airbnb

Погрузитесь в детали.

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

Посмотреть все характеристики

Предназначены для совместной работы.

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

  • значок гугл адс
    Google Реклама

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

  • значок закладок
    Поддержка сторонних тегов

    Шаблоны для тегов сторонних поставщиков упрощают публикацию кода и помогают устранить ошибки.

    Найдите шаблоны поставщиков, уже доступные в Диспетчере тегов, или изучите дополнительные шаблоны в галерее шаблонов сообщества.

Посмотреть все интеграции

Посмотреть все интеграции

Airbnb улучшает сбор данных о поставщиках до 90 % с помощью диспетчера тегов.

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

Подробнее

Просмотреть все ресурсы

Диспетчер тегов Google: руководство для начинающих по GA4

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

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

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

Диспетчер тегов Google Определено

Диспетчер тегов Google (GTM) — это бесплатное решение для управления тегами, которое позволяет добавлять и редактировать сегменты кода (теги), которые собирают и отправляют данные в Google Analytics.

Например, «раньше» маркетологи получали сегмент кода от стороннего поставщика, такого как Facebook Ads.

Этот код будет собирать и отправлять информацию о том, как пользователи Facebook Ads взаимодействовали с сайтом, обратно в Facebook.

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

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

Любые теги, которые нам нужно добавить или отредактировать, можно настроить в интерфейсе GTM.

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

Разница между Диспетчером тегов Google и Google Analytics

Диспетчер тегов Google (GTM) и Google Analytics (GA) — это совершенно разные инструменты, которые работают вместе, чтобы предоставить вам данные, необходимые для принятия разумных маркетинговых решений.

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

В диспетчере тегов нет функций отчетности и возможности анализа данных.

Google Analytics используется для анализа данных.

Все отчеты — пользовательские отчеты, конверсии и вовлеченность, продажи и т. д. — можно просматривать в Google Analytics.

Чтобы понять, зачем вам нужен GTM в дополнение к Google Analytics, вам нужно знать, как GA получает данные, которые вы видите в отчетах.

Google Analytics может создавать отчеты о привлечении трафика и взаимодействии с пользователем благодаря помощи кода отслеживания — технически это «фрагмент кода GA Javascript» или «gtag.js».

Когда на вашем сайте происходит взаимодействие — например, просмотр страницы — фрагмент кода Javascript сообщает Google Analytics.

Начало работы с Диспетчером тегов Google

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

Ниже мы рассмотрим каждый шаг для начала работы с Диспетчером тегов Google.

Рассмотрите возможность управления учетной записью

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

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

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

Совет по управлению учетными записями клиентов: Если клиент не может самостоятельно создать учетную запись Диспетчера тегов, подключитесь к видеовызову, где вы сможете управлять его экраном и выполнять каждый шаг.

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

Создание учетной записи Диспетчера тегов Google

Ниже приведены инструкции по созданию учетной записи Диспетчера тегов Google. Это займет примерно три минуты.

Войдите в Диспетчер тегов (Диспетчер тегов лучше всего работает в Chrome) и нажмите Создать учетную запись .

Введите имя учетной записи ; обычно это название организации.

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

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

Выберите страну и хотите ли вы делиться данными для улучшения продуктов Google.

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

Выберите Целевую платформу . Вы создаете учетную запись для веб-сайта (Интернет), приложения (iOS, Android), AMP или сервера?

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

Скриншот Google Tag Manager, октябрь 2022 г.

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

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

Установите Диспетчер тегов Google на свой веб-сайт

Если вы закроете диалоговое окно установки веб-контейнера, инструкции по установке Диспетчера тегов Google можно найти на вкладке «Администрирование».

Инструкции по установке будут выглядеть следующим образом:

Скриншот Google Tag Manager, октябрь 2022 г.

Изучение кода контейнера поможет вам понять, как работает Google Tag Manager.

В первой части, выделенной желтым цветом, вы увидите