Как настроить Google Tag Manager для WordPress

5 min


Google Tag Manager — такой мощный инструмент, что я был потрясен отсутствием информации при изучении этого поста. Ну, не совсем «недостаток информации» как таковой, но очевидная неспособность из-за нескольких доступных сообщений объяснить, что такое Менеджер тегов Google и что делает.

Если вы ищете дополнительную информацию о Google Tag Manager и о том, как настроить его на своем сайте WordPress, не ищите больше. Потому что вы пришли в нужное место.

В этом посте мы кратко излагаем:

  • Что такое менеджер тегов Google
  • Почему вам нужно использовать инструмент, и
  • Как установить его на свой сайт WordPress вручную или с помощью плагина

Кроме того, мы продемонстрируем Google Tag Manager в действии, чтобы дать вам представление о том, чего вы можете достичь с помощью системы управления тегами, как ни одна другая. Мы говорим об этом потому, что существует ряд других систем управления тегами, таких как Tealium, Qubit и Adobe Experience Platform Launch, и это лишь некоторые из них.

Из этого пути есть чему поучиться, поэтому давайте погрузимся прямо в.

Что такое Google Tag Manager?

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

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

Хорошим примером тега является код отслеживания Google Analytics, который вы добавляете на свой сайт, чтобы вы могли отслеживать свой трафик.

Целью тега является сбор данных о посетителях для инструментов аналитики и цифрового маркетинга. Компании, которые предоставляют эти теги, например Google Analytics, AdWords, Facebook, LinkedIn и т. Д. Известны как поставщики тегов.

Почему Google Tag Manager?

Традиционно реализация тегов на вашем сайте WordPress подразумевала редактирование вашего кода вручную (или, точнее, напрямую). На WordPress это означает редактирование различных файлов, таких как header.php а также functions.php среди других.

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

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

Что делать?

Если у вас есть несколько тегов, вы можете обратиться к Менеджеру тегов Google, чтобы отслеживать их все из одного центрального места.

Вот несколько преимуществ, которые помогут вам в этом:

  • С Google Tag Manager вам больше никогда не придется копировать прошлые блоки кода на ваши веб-страницы.
  • Вы можете перенести все существующие теги в Google Tag Manager
  • Менеджер тегов Google предлагает вам один контейнер для развертывания нескольких тегов и управления ими с помощью интуитивно понятной панели инструментов, которая делает весь процесс быстрым
  • Эта система управления тегами позволяет быстро развертывать теги. Например, вместо того, чтобы копировать код Google Analytics на свой сайт, вам просто нужно добавить свой идентификатор отслеживания Google Analytics в Менеджер тегов Google и альт — Google Analytics работает на вашем сайте.
  • Настроить Google Tag Manager на своем сайте WordPress так же просто, как A, B, C. Добавление GTM в WordPress вручную очень просто. Использовать плагин еще проще. Выберите метод, который работает для вас.
  • Менеджер тегов Google поможет вам собрать много данных для ваших маркетинговых потребностей. Данные, которые вы можете не получить с помощью другого программного обеспечения для отслеживания. Это приводит к своевременным и точным данным — таким данным, которые означают разницу между успехом и провалом.
  • Нажмите и перейдите, чтобы добавить теги на свой сайт, поскольку Менеджер тегов Google поставляется со многими встроенными интеграциями, такими как AdWords, Analytics, Google Optimize, Adometry, Crazzy Egg, LinkedIn и Shareholic и другие.
  • Кроме того, вы можете создавать неограниченное количество тегов благодаря пользовательской поддержке HTML

И все, что вам нужно сделать, это установить код Google Tag Manager на свой сайт вручную или с помощью плагина.

Затем Google Tag Manager «обработает» код JavaScript для вас, а затем предоставит функциональность вашему сайту через контейнер. Это вообще имеет смысл? Я действительно надеюсь, что это так.

Например, вместо добавления кода Google Analytics на ваш сайт, вам просто нужно интегрировать Google Analytics с GTM, и ваша работа завершена. Слушайте, слушайте, вы — добавление тегов в Google Tag Manager — это материал для четвероклассников, который вам больше никогда не понадобится.

Будет миллион выполненных функций, вы будете удивляться, почему Google Tag Manager является бесплатным. Да, вы правильно прочитали. Это бесплатно. Но есть и премиум-версия с еще большим количеством функций и поддержкой 24/7. Тем не менее, я сомневаюсь, что вам когда-нибудь понадобятся дополнительные функции в ближайшее время, потому что бесплатная версия упакована до краев. Упакованный со всеми функциями, необходимыми для сбора данных, как профессионалы.

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

Cons

  • Бесплатная версия Google Tag Manager не предлагает расширенную поддержку
  • Есть кривая обучения, но с другой стороны, у YouTube есть несколько хороших видео в Менеджере тегов Google. В конце этого поста, не стесняйтесь проверить некоторые видео, которые мы рекомендуем в разделе ресурсов

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

Как настроить менеджер тегов Google в WordPress

В этом разделе мы установим Менеджер тегов Google на вашем сайте WordPress:

  • Вручную и
  • Через плагин

Без дальнейших церемоний, давайте приступим к делу.

Сначала создайте аккаунт Google Tag Manager.

Первый шаг заключается в создании бесплатного аккаунта Google Tag Manager. Это разблокирует известную панель управления GTM и теги (или идентификатор отслеживания), необходимые для интеграции инструмента с вашим сайтом WordPress.

Перейдите на сайт Google Tag Manager. Войдите в свою учетную запись Google (или создайте учетную запись, если у вас ее еще нет), как показано ниже.

Вы будете перенаправлены на красивую панель администратора Google Tag Manager. Далее нажмите Создать учетную запись ссылка, как мы выделяем на скриншоте ниже.

администратор менеджера тегов Google

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

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

Далее введите ваше доменное имя в поле Название контейнера поле и выберите Web. После этого нажмите Создайте Кнопка, как мы подробно ниже.

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

Появится следующее всплывающее окно, содержащее ваши установочные коды Google Tag Manager.

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

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

Важные замечания, прежде чем продолжить:

Настройка Google Tag Manager вручную

На новой вкладке войдите в свою панель администратора WordPress и перейдите к Внешний вид> Редактор.

Обратите внимание, что на изображении выше мы используем дочернюю тему бесплатной темы Elegant WordPress в нашем примере. Мы также скопировали пару файлов, например header.php, footer.php, rlt.css а также 404.php на детскую тему. Мы вставим наши коды установки Google Tag Manager в header.php файл.

Нажмите на заголовок темы (header.php) из правого файлового навигатора для запуска header.php в редакторе тем.

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

Можете ли вы увидеть а также теги в вашем header.php файл? тег в WordPress может выглядеть немного иначе. Например, наши выглядят как <тело >, Вы можете видеть это на изображении выше? Могу поспорить, что вы делаете так, давайте двигаться вперед.

Скопируйте первый код из Google Tag Manager и вставьте его высоко в элемент, как показано на рисунке ниже.

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

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

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

Как добавить менеджер тегов Google в WordPress через плагин

Для этого раздела мы будем использовать изящный плагин, известный как Менеджер тегов Google DuracellTomi для WordPress. Он доступен в репозитории плагинов WordPress. Это означает, что вы можете установить его прямо с панели администратора WordPress. При этом давайте приступим к работе.

Перейдите к Плагины> Добавить новый в вашем админ-меню WordPress.

Введите Менеджер тегов Google DuracellTomi для WordPress в поле поиска, и, как только вы найдете плагин, нажмите Установить сейчас кнопка.

Как только вы установите плагин, нажмите активировать кнопка, как показано ниже.

В верхней части экрана появится уведомление о том, что вам нужно ввести свой идентификатор GTM, чтобы начать использовать Google Tag Manager для WordPress. Нажмите на введите свой идентификатор GTM ссылка, как показано ниже.

Вы можете найти свой идентификатор GTM в своей учетной записи Google Tag Manager, как показано ниже.

Скопируйте идентификатор GTM из учетной записи Google Tag Manager и вернитесь на панель администратора WordPress. Вернитесь на свой сайт WordPress, вставьте идентификатор GTM и нажмите Сохранить изменения кнопка, как показано ниже.

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

Теперь, когда вы можете успешно добавить Google Tag Manager на свой сайт WordPress, давайте проведем тест-драйв. В этой части мы добавим Google Analytics на ваш сайт, не вставляя в код код для вставки. header.php.

Если у вас уже есть код Google Analytics на вашем сайте, вам нужно сначала удалить его, или вы дважды захватите одни и те же данные. И мы определенно не хотим этого в ваших маркетинговых отчетах.

Как добавить Google Analytics на ваш сайт WordPress с помощью Google Tag Manager

Вернитесь к своему менеджеру тегов Google и нажмите Теги в левом меню навигации.

После этого нажмите новый кнопка, как показано ниже.

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

выберите Google Analytics — Универсальная аналитика как показано на следующем изображении.

В результате вы вернетесь к настройке тегов. выберите Вид страницы под Тип трека так как мы хотели бы сообщать обо всех просмотрах страниц в Google Analytics. Смотрите изображение ниже.

Под Настройки Google Analytics, выбирать Новая переменная. Откроется новое окно, в котором вы введете свой идентификатор отслеживания Google Analytics. Не забудьте назвать свою переменную, как показано на рисунке ниже.

Чтобы найти свой идентификатор отслеживания Google Analytics, войдите в свою учетную запись Google Analytics и выберите учетную запись для своего сайта WordPress (сделайте это, если у вас есть несколько веб-свойств в вашей учетной записи Google Analytics).

Далее нажмите Администратор и перейдите к Информация об отслеживании> Код отслеживания. Вы должны увидеть свой идентификационный номер, так как мы выделяем пункт №. 3 ниже.

Скопируйте идентификатор отслеживания и вставьте его в поле конфигурации переменной. Затем нажмите Сохранить кнопка, как показано ниже.

Теперь нам просто нужно установить триггер для тега Google Analytics. Нажмите Инициирование выбрать или создать новый триггер.

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

Наконец, нажмите Сохранить кнопка.

Тестирование вашего тега

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

Как только Google Tag Manager перейдет в режим предварительного просмотра, перезагрузите свой сайт. В окне консоли диспетчера тегов Google в нижней части окна браузера вы должны увидеть тег, запущенный при перезагрузке сайта.

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

Вот оно! Конечно, вы можете увидеть это на изображении выше? Давай, я добавил стрелку, чтобы тебе было легче. Помните, что нам не нужно было добавлять Google Analytics (код JavaScript) непосредственно на наш сайт для сбора данных — все отчеты о данных передаются в Менеджер тегов Google.

То же самое относится ко всем тегам, которые вы добавляете через Менеджер тегов Google — вы никогда не добавите код на свой сайт. Как приятно?

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

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

Наконец, нажмите Публиковать Кнопка, как показано на рисунке выше. В конце концов, ваша живая Google Analytics должна выглядеть примерно так:

Дамы и господа, это то, как вы можете использовать возможности Google Tag Manager. Вы можете добавить миллион и один тег аналогичным образом, и ваш сайт не будет нести весь код. Я призываю вас изучить Менеджер тегов Google, чтобы узнать, сколько вы можете достичь с помощью этого инструмента.

Между тобой и мной я продан и, как ты мог заметить. Это первый раз, когда я установил эту штуку в своем блоге. Я планирую использовать Google Tag Manager и в других моих блогах.

Дополнительные ресурсы

Мы надеемся, что наш учебник направил вас в правильном направлении в том, что касается понимания и реализации Google Tag Manager на вашем сайте WordPress. Если вы хотите узнать больше, вот пара дополнительных ресурсов (мы обещали, не так ли?) Для вашего удовольствия от просмотра.

Заключение нашего руководства по Google Tag Manager для WordPress

Google Tag Manager — это мощный инструмент, который дает вам много возможностей для управления тегами и сбора полезных данных.

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

Есть мысли или вопросы по поводу Google Tag Manager? Давайте учиться вместе. Поделитесь своими мыслями в разделе комментариев ниже. Приветствия и счастливого интеллектуального анализа данных!


0 Comments

Добавить комментарий