Google Tag Manager это очень удобная штука для управление дополнительным кодом. Например виджет обратного звонка, счетчики аналитики, чат на сайт и дополнительные цели и т.д.
В этой статье рассмотрим процесс установки GTM на системы управления сайтом [CMS], популярные конструкторы сайтов [Tilda, Wix, Joomla, Shopify] и другие.
Каждая платформа имеет множество вариантов установки GTM, постараемся использовать максимально простые способы, проверенные временем.
Если вашей платформы нет в списке и вам нужна помощь по установке диспетчера тегов Google, обращайтесь за помощью!
Перед началом работ у вас должны быть актуальные доступы.
Создаем Gooogle Tag Manager
- У вас должен быть аккаунт Google
- Открываем сайт https://tagmanager.google.com/
- Затем нажимаем “Создать аккаунт”
- Заполняем “Название аккаунта”, например название вашего бизнеса или сайта
- Заполняем “Название контейнера”, ваш адрес сайта без htts:// и www
- Целевая платформа “Веб-сайт” и нажимаем “Создать”
- Затем необходимо принять “Условия использования Google Менеджера тегов”
- Копируем код для раздела “head” и “body”
Эту страницу лучше оставить открытой или сохранить себе в блокнот данный код. Он пригодиться в будущем.
Коды для вставки в head и body вы всегда можете найти нажав на id вашего контейнера (см. скрин ниже)
Теперь необходимо выбрать свою платформу или конструктор сайтов из оглавления.
Установка на WordPress
Этот метод универсален. Подойдет при использование любой темы Flatsome, Divi, Avada. При использование Elementor, Brizy, Divi Builder, Crockoblock, Visual Composer.
- Заходим в панель администратора WordPress по адресу: https://вашсайт.ru/wp-admin
Если не получается открыть страницу авторизации по адресу /wp-admin то скорее всего его изменили. Стоит обратиться к вашему программисту или хостинг провайдеру для уточнения актуального адреса. Также можете написать мне$.
- Находим раздел плагины и выбираем “добавить новый”
- В поиске набираем “LuckyWP Scripts Control” и нажимаем “Установить”
- Активируем плагин
- Слева находим “настройки > скрипты”
- Вставляем скрипт в раздел “<head>” из пункта “Вставьте этот фрагмент в раздел <head> кода страницы как можно ближе к началу:”
- Вставляем скрипт в раздел “<body>” из пункта “Также вставьте сразу после открывающего тега <body> следующий фрагмент:”
Установка на конструктор сайтов Tilda
P.S. Если у вас ещё нет аккаунта в конструкторе Tilda, получите 14 дней бесплатного использования. Только если у вас ранее не было аккаунта.
- Выбираем сайт на который будем устанавливать Google Tag Manager
- Выбираем пункт “Настройки сайта”
- В левом меню находим пункт “Аналитика”
- Листаем до пункта “Google Tag Manager ID” и вписываем GTM ID вида “GTM-XXXXXX”
- Сохраняем изменения
Пример установленного GTM в Tilda
Установка на конструктор сайтов Platformalp
На Platformalp недавно обновился кабинет и инструкция будет на примере последней версии кабинета.
Переходим в раздел “Настройки”
Теперь идём в “Плагины”
Нажимаем + добавить плагин
Листаем вниз и видим в пункте “Управляйте плагинами” Google Tag Manager
В поле номер счётчика прописываем его номер
И нажимаем кнопку подключить плагин. И на этом подключение Google Tag Manager на Platformalp закончено.
Установка на конструктор сайтов Flexbe
P.S. Если у вас ещё нет аккаунта в конструкторе Flexbe, получите пробный бесплатный период. Только если у вас ранее не было аккаунта.
- Выбираем сайт в конструкторе Flexbe, на который будем устанавливать Google Tag Manager
- Выбираем раздел “настройки”
- Выбираем пункт “Аналитика”
- Выбираем Google Tag Manager
- Переносим Google Tag Manager id на flexbe
- Нажимаем “Подключить”
На этом установка Google Tag Manager на сайт с конструктором Flexbe закончена.
Установка на конструктор сайтов Wix
Важно: Установить Google Tag Manger на Wix можно только на платных тарифе.
- Открываем панель управления сайтом Wix
- Переходим в SEO > Интеграции
- Далее выбираем Google Tag Manager > Подключить
- Нажимаем “Добавить диспетчер тегов Google”
- Пропишите ID контейнера Google Tag Manager и сохраните.
Установка на сайт без CMS
Установить код нужно будет на все страны сайта. Если идет речь про Landing Page с одной странице то вам нужно будет разместить код только на одной странице. Если у вас многостраничный сайт на собственной платформе или без неё, также разместить нужно на все страницы.
В данной инструкции рассмотрим процесс установки через файловый менеджер на хостинге Beget (хороший хостинг по доступной цене + 30 дней бесплатно, пользуюсь сам).
Есть некоторые хостинг провайдеры, у которых нет файлового менеджера. В этом случае все действия можно выполнить подключившись по FTP через Filezilla. Либо можно перейти на хостинг, который рекомендовал выше, они перенесут ваши сайты бесплатно, а затем можно действовать далее по инструкции.
- Открываем панель управления сайтом и выбираем файловые менеджер
- В файловом менеджере открываем сайт на который будем ставить GTM
- Открываем файл index.html (также возможны index.php)
- Прописываем в <head>, <body> код для данных разделов
ЧАВО
А как установить Google Tag Manger на другую платформу или конструктор?
Процесс установки GTM на другие платформу идентичны, как в примерах выше. Но если у вас не получается смело пишите.
