Как использовать Google Tag Manager с WordPress

Доброго времени суток, друзья!

Сегодня я собираюсь рассказать вам о таком интересном сервисе как Google Tag Manager. Что это такое, для чего он нужен, как зарегистрироваться в нем и как связать его с вашим сайтом на WordPress.

Как использовать Google Tag Manager с WordPress

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

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

Ко мне часто поступают вопросы про хостинг, которым я пользуюсь и поэтому решил указать хостинг в статье https://sprinthost.ru. Вы можете попробовать попользоваться хостингом 30 дней бесплатно. Чтобы понять, как будет работать Ваш сайт на этом хостинге просто перенести свой сайт (в этом поможет поддержка хостинга бесплатно) и и таким образом сможете понять подходит хостинг Вам или нет. На этом хостинге находятся сайты с 20 000 тысяч посещаемость и сайты чувствуют себя отлично. Рекомендую! Да, если делать оплату на 1 год то получаете скидку 25%. И что мне нравится - тех. поддержка всегда помогает в технических вопросах, за что им спасибо. Как Вы понимаете не всегда проходит всё гладко и нет желания, чтобы сайт не был доступен тем самым страдал трафик и доход.

Давайте доберемся до этого!

Введение в Google Tag Manager

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

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

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

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

Как работает менеджер тегов Google

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

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

Теги добавляются с помощью «шаблонов», которые вы можете выбрать в интерфейсе Google Tag Manager. Однако, вы также можете использовать пользовательский HTML-код для добавления собственного тега или использовать его из незарегистрированной службы. Затем вам нужно будет создать «триггер», который является событием, которое определяет, когда запускается тег. Что такое триггер, зависит от службы, но может включать такие действия, как нажатие кнопки, воспроизведение видео или отправка данных из контактной формы.

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

Как использовать Google Tag Manager с WordPress (в 3 шага)

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

1. Настройте Google Tag Manager

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

Зарегистрироваться бесплатно

Чтобы создать учетную запись, сначала необходимо указать имя учетной записи и страну.

имя учетной записи и страну

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

дайте ему то же имя

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

пару фрагментов кода

Скопируйте их, вместе с вашим уникальным идентификатором (начиная с GTM-), который вы увидите на панели инструментов:

уникальным идентификатором

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

2. Добавьте код менеджера тегов Google на свой сайт

Чтобы ввести фрагменты кода, вам нужно получить доступ к панели управления WordPress. Есть несколько способов добавить код менеджера тегов Google, поэтому давайте посмотрим на них сейчас.

Во-первых, вы можете вручную добавить фрагменты кода в заголовок и текст вашего сайта. Это намного проще, если вы используете премиум тему, например: Divi, так как специальные параметры интеграции позволяют добавлять код непосредственно в теги head и body.

Однако вы также можете использовать плагин, такой как Google Tag Manager DuracellTomi. Это удобный плагин, который позволяет вам легко интегрировать Google Tag Manager в ваш сайт WordPress:

легко интегрировать

Установите и активируйте плагин, и вы увидите уведомление с просьбой добавить свой идентификатор:

добавить свой идентификатор

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

перейти на страницу настроек

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

3. Создайте тег

Вернитесь в интерфейс диспетчера тегов Google, и мы рассмотрим, как создать свой первый тег, сначала нажав ссылку «Новый тег»:

Создайте тег

Это выдвинет панель, где вы можете настроить тег.

настроить тег

Начните с присвоения тегу имени, затем нажмите «Конфигурация тега», чтобы выбрать тип в отображаемом меню:

Конфигурация тега

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

в свой тег

Теперь вы можете настроить выбранный тег. Эти параметры будут различаться в зависимости от типа тега, но для Google Analytics вам будет предложено указать свой идентификатор Google Analytics. Вы также должны посмотреть на Option (Опции), где вы можете выбрать тип трека. Это определяет назначение тега, с параметром по умолчанию «Просмотр страницы», что означает, что он будет подсчитывать, сколько людей просматривает каждую страницу.

Оставьте эти параметры по умолчанию. Вместо этого обратите ваше внимание на раздел «Запуск». Здесь вы можете добавить триггер к тегу, который определяет, когда тег будет активирован или заблокирован:

тег будет активирован

Вы можете создавать свои собственные триггеры или использовать встроенные опции. Поскольку этот тег предназначен для отслеживания просмотров страниц, вы можете использовать существующий триггер «Все страницы», найденный в списке:

Все страницы

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

Наконец, ваши теги не будут запущены до публикации контейнера, что вы можете сделать, нажав «Отправить»:

Отправить

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

Вы успешно создали и настроили учетную запись Google Tag Manager и внедрили ее на своем сайте WordPress! На этом этапе вы можете глубже изучить возможности этого мощного инструмента.

Заключение этой статьи

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

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

  1. Настройте Google Tag Manager.
  2. Добавьте код Google Tag Manager на свой сайт, вручную или с помощью плагина.
  3. Создайте тег.

Хорошего вам дня!

На этом все — до скорых встреч!

Если у вас остались вопросы по использованию Google Tag Manager с WordPress, напишите об этом в комментариях ниже!


Обо мне
Юрич:
Занимаюсь созданием сайтов на WordPress более 6 лет. Ранее работал в нескольких веб-студиях и решил делиться своим опытом на данном сайте. Пишите комментарии, буду рад общению.

Заказать сайт