Установка Google Tag Manager в WordPress

Поскольку WordPress является самой популярной CMS для ведения блогов, сегодняшний материал будет про интеграцию (установку) Google Tag Manager в эту систему.

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

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

После регистрации (или авторизации) переходите к списку аккаунтов, сделать это можно с помощью кнопки расположенной в левом верхнем углу:

Список аккаунтов Google Tag Manager

Список аккаунтов Google Tag Manager

Затем необходимо создать новый аккаунт, для этого нажмите на кнопку Новый аккаунт:

Как создать аккаунт

Как создать аккаунт

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

Создание аккаунта Google Tag Manager шаг 1

Создание аккаунта Google Tag Manager шаг 1

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

Укажите имя контейнера, выберите Веб-страницы в качестве места где он будет использоваться, задайте часовой пояс и нажмите на кнопку Создать аккаунт и контейнер:

Создание аккаунта Google Tag Manager шаг 2

Создание аккаунта Google Tag Manager шаг 2

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

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

Код контейнера Google Tag Manager

Код контейнера Google Tag Manager

Поскольку наша задача заключается только в установке Google Tag Manager на сайт работающий на WordPress, нажмите внизу кнопку Добавить теги позже:

Добавить теги позже

Добавить теги позже

На этом создание аккаунта и контейнера Google Tag Manger завершено, теперь необходимо интегрировать инструмент на сайт.

Зайдите в панель управления вашим блогом. Важно! У вас должны быть права, позволяющие редактировать файлы темы оформления блога. Выберите в меню пункт Внешний вид -> Редактор:

Редактор темы WordPress

Редактор темы WordPress

В открывшемся окне справа выберите файл Заголовок (header.php):

Файл header.php WordPress

Файл header.php WordPress

Откроется страница, на которой будет виден исходный код выбранного файла, не закрывая текущую вкладку браузера с исходным кодом файла header.php, перейдите в Google Tag Manager.

Выберите из списка аккаунтов созданный ранее:

Выбор нужного аккаунта

Выбор нужного аккаунта

В списке контейнеров также укажите ранее созданный:

Список контейнеров

Список контейнеров

После этого перейдите к настройкам контейнера:

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

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

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

Код Google Tag Manager

Код Google Tag Manager

Теперь перейдите на вкладку браузера, в которой у вас открыт для редактирования файл header.php. Найдите в нем открывающий тег <body> и вставьте скопированный код контейнера Google Tag Manager сразу после него:

Код контейнера в файле header.php

Код контейнера в файле header.php

После этого сохраните изменения нажав на кнопку Обновить файл.

На этом установка Google Tag Manager в WordPress завершена. Результаты можете проверить перейдя на ваш блог, после чего нужно обновить страницу нажатием клавиши F5 и просмотреть ее исходный код. Если вы увидите там после тега <body> код контейнера Google Tag Manager, значит все сделано правильно и можно приступать к настройке Google Tag Manager. О том что можно сделать дальше, вы можете узнать из  других материалов моего блога.

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

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

14 комментария(ев) к “Установка Google Tag Manager в WordPress

  1. Здравствуйте, Иван
    Спасибо за ваши материалы.
    Подписана и слежку за вашими публикациями из твиттера.

    Читаю блог тоже с Андроида.
    Почему-то в версии вашего блога для смартфонов неочевиден блок. Поделиться. Хотела поделиться статьей – не выходит. Проверьте, пожалуйста.
    Есть блоки Подписаться и блок с числом подписчиков. Ещё раз спасибо за ваши материалы.

  2. Спасибо, что так подробно! А то в самих инструкциях Гугл говорится просто добавить в body, а где этот бади найти, не понятно.

    • Анна, body нужно искать в файле шаблоне страницы, обратитесь к Вашим разработчикам, они подскажут где искать

  3. А если хочется в качестве события задать регистрацию пользователя, то как установить код?

    • Михаил, можно фиксировать, например, факт успешного заполнения формы или через протокол передачи данных передавать сведения о создании записи в БД

  4. Здравствуйте, Иван.
    Подскажите, как правильно вставить GTM на WP, если body выглядит так:
    <body >

    Спасибо!

  5. Подскажите, как создать триггер в тег менеджер отправки комментария. Спасибо

  6. Здравствуйте Иван! а как на вордпресс удалить мета тег владельца сайта? Буду благодарна за ответ..

Добавить комментарий для Юрий Отменить ответ

Current month ye@r day *