GTM главная страница
Google Tag Manager | Инструменты маркетолога

Google Tag manager как установить на сайт

  • Регистрация
  • Установка  кода
  • Проверка кода
  • Создание контейнера

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

Если еще не знаете что это такое то можете подробнее узнать для чего нужен Google Tag Manager здесь.

Здесь же мы разберем подробно как установить GTM  на сайт. Самое главное это внедрить гугл тег менеджер в код проекта. Это довольно просто. Остальные же манипуляции по установке кода вы будете выполнять в самом менеджере тегов. Все происходит за несколько кликов. Для начала давайте начнем с регистрации.

Регистрация

Для работы с инструментами любого поисковика прежде необходима  регистрация. Для этого идем по адресу https://marketingplatform.google.com/about/tag-manager/

Скорее всего у вас уже есть аккаунт в гугл. Если по какой то не ведомой причине  это не так то регистрируете. А после переходите по ссылке выше и пользуйтесь бесплатно всеми благами.

Главная страница GTM

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

Кнопка создания аккаунта в GTM

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

Далее называем контейнер тут либо по названию веб проекта либо приложения.Выбираем тип контейнера. Для понимания контейнер это то место где и хранятся все теги. Диспетчер тэгов может использоваться и для сайта и для приложений как для Android так и для IOS. Соответственно логично назвать по имени сайта или приложения. Жмем создать.

Создание аккаунта в Google Tag Manager

По традиции на следующей странице Google предлагает согласится с условиями использования. Я не вижу причин с ним спорить. Соглашаемся.

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

Чтобы найти код менеджера позже просто нажмите на ID его кода в правом верхнем углу.

Код для установки тег менеджера

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

Установка кода GTM

Верхнюю часть кода  необходимо скопировать в раздел <head> на всех страницах вашего сайта лучше ближе к началу. Ту часть что располагается ниже в начале тега <body>.  Сделать это можно с помощью программы filezilla по ftp протоколу.

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

Установка в код темы Вордпресс

Внимание! Редактирование кода файлов темы может нарушить работу сайта. Сделайте вначале бэкап.

Имея опыт в разработке интернет ресурсов на любой из CMS  думаю для вас это не составит труда установить  менеджер на ваш проект. Если же у вас возникнут с этим затруднения лучше обратится к опытным  разработчикам. На любой бирже фриланса это будет недорого стоить и не займет много времени.

Если решили установить код в файлы темы то нужно   найти файл  header.php  Для этого идем по пути внешний вид>> редактор тем

Копируем верхнюю часть кода GTM и ищем в этом файле вначале открывающий  тэг  <head> вставляем сразу после него.

Затем копируем нижнюю часть кода GTM и ищем открывающий тег <body >.Также вставляем сразу после body  и сохраняем.

Этот способ не рекомендуется новичкам. Все же велик риск снести сайт. Еще один минус в том что при обновлении файлов вашей темы скорее всего код счетчика затрется. При этом разумеется перестанут работать все установленные в GTM коды скриптов.

Выход создать дочернюю тему либо поступить проще. Установить код менеджера через плагин.

Установка GTM на WordPress с помощью плагина

Гораздо проще и безопасней для новичков  установить плагин для Вордпресс  Google Tag Manager for WordPress.

Установка плагина

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

ID Tag Manager

Чтобы вставить ID в плагин в панели управления Вордпресс идем по пути настройки >> Google Tag Manager.

Внимание! Скопировать необходимо не весь код а лишь ID который начинается с GTM.

Копирование ID тег менеджера а плагин

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

Проверка корректности установки

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

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

Далее нужно запустить его в работу и проверить корректность установки. В правом верхнем углу найдите кнопку предварительный просмотр. Появится окно настройки соединения Google Tag Assistant.

Google Tag Assistant

Здесь в поле URL пропишите адрес для соединения. Нажмите старт. Затем продолжить. Если соединение прошло успешно вкладка менеджера тегов начнет мигать. При этом на  сайте также в левом нижнем углу появится сообщение об успешном соединении. Вкладка веб ресурса на время соединения изменится на значок менеджера тегов

Сообщение об успешном соединении с GTM

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

Благодаря установленному gtm на сайт  у вас появилось гораздо больше возможностей по редактированию кода. При необходимости можно внедрить достаточно продвинутые фишки. В сети достаточно много примеров кода JavaScript либо HTML для решения практически любых задач. И все это просто и без знаний программирования.

Создание контейнера

В процессе работы может понадобится добавить еще один сайт или приложение. Как добавить аккаунт я рассказал выше. Чтобы добавить в него еще один проект используются контейнеры. Именно в них находятся все теги.

Для добавления контейнера перейдите на страницу управления аккаунтом диспетчера.

Переход на страниуц управления аккаунтом таг менеджера

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

Создание контейнера в GTM

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

Похожие записи