Купи 3000 контактов до 10.07.2026 - получи 300 в подарокОставить заявку
LEADLIFE

Установка кода технологии через "Google код"

Что такое Google Tag Manager

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

Зачем нужен Google Tag Manager (GTM)

С помощью GTM на сайт можно добавить код разных служб аналитики: Google Analytics, «Яндекс.Метрики», Google Maps и других сервисов для мониторинга сайта.

Преимущества Google Tag Manager:

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

Безопасность

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

Более подробную информацию Google описал в своей статье: **https://support.google.com/tagmanager/answer/6328489?hl=ru**

Таким образом, если в скрипте будет обнаружен какой либо вирус или вредоносное ПО, GTM сразу заблокирует этот скрипт, и его работа не будет продолжаться на сайте. Google Tag Manager полностью защищает ваш сайт.

Как выглядит GTM на сайте

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

Рассмотрим проверку на сайте **avtomir.ru**

  1. Переходим на сайт и нажимаем правой кнопкой мыши.
  1. Выбираем пункт Просмотр кода страницы

Установка кода технологии через "Google код" - иллюстрация 1

  1. Вызываем окно поиска с помощью сочетания клавиш Ctrl+F
  1. Вбиваем в окно аббревиатуру GTM

Установка кода технологии через "Google код" - иллюстрация 2

  1. Видим что на сайте установлен код Google Tag Manager

Установка кода технологии через "Google код" - иллюстрация 3

Напоминаем, что простая установка кода технологии выглядит так:

Установка кода технологии через "Google код" - иллюстрация 4

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

Установка кода GTM через техническую поддержку

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

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

Также прикрепляем подробную инструкцию для самостоятельной установки кода "Google" на ваш сайт.

  1. Открыть GTM https://tagmanager.google.com
  1. Далее, если у Вас не создан аккаунт, то нажимаем на кнопку «Создать аккаунт»

Установка кода технологии через "Google код" - иллюстрация 5

  1. Затем вводим название аккаунта, понятное для Вас и нажимаем на кнопку «Далее»

Установка кода технологии через "Google код" - иллюстрация 6

  1. Следующее, что необходимо, это ввести адрес вашего сайта(без http://), выбрать «Веб-сайт» и нажать кнопку «Создать»

Установка кода технологии через "Google код" - иллюстрация 7

  1. Соглашаемся об Условиях использования Диспетчера тегов Google и нажимаем кнопку «Да»

Установка кода технологии через "Google код" - иллюстрация 8

  1. В аккаунте Google Tag Manager выбираем слева пункт меню «Теги»

Установка кода технологии через "Google код" - иллюстрация 9

  1. Далее нажимаем кнопку «Создать»

Установка кода технологии через "Google код" - иллюстрация 10

  1. Затем нажимаем кнопку под заголовком «Конфигурация тега»

Установка кода технологии через "Google код" - иллюстрация 11

  1. Выбираем пункт «Пользовательский HTML»

Установка кода технологии через "Google код" - иллюстрация 12

  1. Вставляем скопированный ранее код Пиксель (на скриншоте не тот код)

Установка кода технологии через "Google код" - иллюстрация 13

  1. Далее нажимаем на кнопку под заголовком «Триггеры»

Установка кода технологии через "Google код" - иллюстрация 14

  1. Выбираем триггер "Просмотр страниц"

Установка кода технологии через "Google код" - иллюстрация 15

  1. Нажимаем на кнопку «Некоторые просмотры страниц» если код требуется установить на некоторые страницы. Либо Все просмотры страниц, если код требуется установить на все страницы сайта.

Установка кода технологии через "Google код" - иллюстрация 16

  1. Вводим нужный URL адрес страницы, в виде: /stranica1/

Установка кода технологии через "Google код" - иллюстрация 17

Нажимаем "Сохранить".

  1. Еще раз нажимаем на кнопку «Сохранить»

Установка кода технологии через "Google код" - иллюстрация 18

  1. Далее нажимаем на кнопку «Отправить»

Установка кода технологии через "Google код" - иллюстрация 19

  1. Затем нажимаем кнопку «Далее»

Установка кода технологии через "Google код" - иллюстрация 20

  1. Теперь необходимо найти фрагмент кода для подключения Google Tag Manager. Для этого заходим в пункт меню «Администрирование» и выбираем «Установить Диспетчер тегов Google»

Установка кода технологии через "Google код" - иллюстрация 21

  1. Установить скопированный код из ГТМ на сайт.

Заключение

Знание таких инструментов, как GTM, пригодится каждому маркетологу. Некоторые клиенты желают скрыть код технологии. Сделать это можно именно с помощью данного инструмента. Работа кода будет 100% безопасной.

Все инструкции WantLead

Хотите подключить WantLead?

ПозвонитьЗаявка