Антивирус битрикс распознает код gtm google tag manager как вирус

Обновлено: 04.07.2024

Для полноценной аналитики самого сайта и продаж на нём необходима интеграция с внешними сервисами — например Яндекс.Метрика, Google Analytics, Битрикс24, Roistat, а также подключение пикселей Facebook и ВКонтакте. Но при таком количестве скриптов вы обязательно столкнётесь с необходимостью их упорядочить.

При этом, если на сайте не добавлены все нужные сервисы, подключение каждого нового будет стоить вам часов разработчика. А в этом случае время — деньги.

Решение есть: инструмент, с помощью которого внедрить новый скрипт сможет и маркетолог, и специалист по SEO — Google Tag Manager.

В этом посте я делюсь нашей внутренней инструкцией по внедрению GTM.

Google Tag Manager несёт сплошные плюсы — экономит время, деньги и силы.

Если у вас есть своя команда — они могут воспользоваться нашей инструкцией для внедрения GTM.

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

Чтобы быстро управлять множеством скриптов в маркетинговых целях без участия программистов можно использовать Google Tag Manager (GTM).

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

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

Алгоритм для маркетолога:

2. Нажмите на номер счётчика и скопируйте скрипт GTM

3. Передайте скрипт из 2-х фрагментов для установки программистам.

1. Получите код от маркетолога или создайте самостоятельно как указано выше. На 2021 код выглядит так: Фрагмент для вставки в раздел <head>:

Где GTM-XXXXXXX — номер счётчика.

2. Вставьте код GTM в шаблон сайт.

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

Добавление скриптов аналитики Google Analytics в GTM

С 2021 года по умолчанию создаётся новая версия Google Аналитика 4 — версия с возможностью отслеживать одновременно и сайт, и приложение.

В Google Tag Менеджере создайте новый тег — Google Аналитика конфигурация GA4 или Universal Analytics:

Выбираете: Теги → Создать.
Далее: Конфигурация тега.
Выбираете GA4 или Universal Analytics.
Вводите идентификатор потока данных для GA4 — номер счётчика в Google Analytic, он написан в правом верхнем углу, начинается на G-.

Либо оставляйте тип отслеживания для Universal Analytics «Просмотр страницы» и тут же, в настройках GA, создайте новую переменную, куда впишете номер счётчика из Google Analytics.

В разделе «Триггеры» выберите события, которые будут активировать тег — All Pages (то есть просмотр всех страниц).

Сохраните конфигурацию тега и нажмите «Опубликовать контейнер».

Если код отслеживания GA уже был размещен на сайте, после добавления его в GTM нужно удалить его с сайта.

Заполните поля и включите Вебвизор по необходимости.

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

Чекбокс: поставьте метку на пункте «Отправка в Метрику данных электронной коммерции». Это необходимо, если планируете подключить e-commerce через интерфейс и собирать данные о количестве заказов, сумме покупок и т. д.

4. Скопируйте код счётчика и вернитесь в интерфейс GTM.

Далее проделайте стандартную процедуру установки кода:

Перейдите в «Теги».
Нажмите «Создать».
Во вкладке «Конфигурация тега» выберите «Пользовательский HTML».
Вставьте скопированный код счетчика.
Установите триггер «All Pages» на все страницы сайта.
Сохраните и опубликуйте изменения.

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

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

Подписывайтесь на мой блог если вам интересна тема тонкой настроки GTM, особенности работы с Google Analytics 4, тестирование гипотез в Google Optimize и т.д.

При подключении механизма Google Tag Manager в 1С-Битрикс нас могут ждать некоторые сюрпризы .

Google Tag Manager (GTM) — решение от Google, которое позволяет размещать пользовательские скрипты на страницах сайта без непосредственного вмешательства в его код. GTM дает возможность не только легко добавлять и обновлять скрипты сервисов Google на вашем сайте, но и задавать правила активации различных тегов.

Для подключения GTM на сайте, необходимо разместить его код в файле header.php (скрипт - в блоке "head" с запретом переноса скрипта в подвал сайта) и текст noscript в начале блока div.

Важно: если на сайте размещен GTM, то скрипты, которые будут через него выводиться, не должны больше присутствовать на сайте. Т.е., если мы размещаем через GTM код Google Analytics (GA), то размещенный ранее непосредственно в коде сайта код GA следует убрать, иначе они будут конфликтовать.

Жмем «далее» и переходим к следующему этапу: это базовые настройки для создания аккаунта и самого контейнера.

Именем для контейнера может служить адрес вашего сайта. Далее указываем, где будет расположен контейнер (в нашем случае, для веб-сайта, это - «веб-страницы»). Добавлять домен сейчас не обязательно, это можно сделать и позднее. Выбираем правильный часовой пояс и кликаем на «Создать аккаунт и контейнер». Вам будет предложено согласиться с условиями использования.

В результате будет сгенерирован код контейнера, состоящий из 2 частей: noscript. и script. первую часть нужно разместить непосредственно после открывающего тега body, а вот часть со скриптом - нужно поместить в head. Только к скрипту нужно дописать тег исключения из перемещения скрипта в подвал сайта (data-skip-moving="true").

Теперь контейнер добавлен на сайт, если он в статусе "Опублирован" - то должен успешно заработать (для проверки отлично подходит расширение для Chrome " Tag Assistant (by Google) ").

Если контейнер добавлен корректно, но данное расширение показывает ошибку вида: ". net:ERR_BLOCKED_BY_CLIENT" - значит у вас в браузере установлены расширения, блокирующие работу скриптов (AdBlock и ему подобные) - их можно отключить и ошибка уйдет.

Для внедрения Google Tag Manager(Диспетчера тегов) на сайт с CMS Bitrix воспользуйтесь следующей инструкцией:

5) Копируем первый фрагмент кода Диспетчера тегов.

6) Переходим в админ панель Битрикс, открываем шаблон нужного сайта (Настройки > Настройки продукта > Сайты > Шаблоны сайта ).

Кликаем по иконке , выбираем Изменить

7) Скопированный первый фрагмент кода вставляем в раздел <head> шаблона сайта.

8) Сразу после тега <body> вставляем второй фрагмент кода Диспетчера тегов:

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

10) Важно! Для корректной работы Диспетчера тегов требуется, чтобы первый код GTM располагался в разделе <head>. Однако, в ряде случаев, Битрикс переносит javascript в конец страницы и Диспетчер тегов не активируется. Для того, чтобы скрипт GTM оставался в разделе head нужно в скрипт Диспетчера тегов вписать атрибут
data-skip-moving ="true"

Готово! Google Tag Manager размещен на сайте с CMS Bitrix, опубликован и функционирует!

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

Давайте разберемся, что умеет этот инструмент и как им воспользоваться.

Что такое Google Tag Manager

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

GTM будет полезен:

Веб-аналитикам или маркетологам – для самостоятельного внедрения внешних сервисов, создания эффективной системы аналитики и отслеживания KPI.
Тем, кто связан с контекстной рекламой – для оценки эффективности рекламных компаний.
Для самостоятельного управления аналитикой.
Маркетинговым агентствам – в помощь быстрой и эффективной работе с профилями клиента.

Стоит также понимать, что GTM – это не единственный сервис в своем роде, существуют такие системы, как Tealium, Adobe Dynamic Tag Manager, Yahoo Tag Manager. Но почему же все выбирают Google? Рассмотрим далее.

Почему Google Tag Manager

Обычно выделяют следующие преимущества сервиса:

Возможность использовать шаблоны для интеграции Google Analytics и прочих метрик.
Разрешено внедрять пользовательские теги.
Контроль версий, благодаря чему можно всегда откатиться к ранней версии.
Настройка текстовой подмены, что позволяет мгновенно изменять варианты кода.
Асинхронная загрузка тегов.

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

Настройка Google Tag Manager

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

Переходим на официальную страницу Google Tag Manager и нажимаем на «Start for free». Проверьте, чтобы вы были авторизированы в аккаунте Google – это понадобится, чтобы зарегистрироваться на сервисе. Если у вас нет аккаунта, то можете создать его здесь.
Следующим шагом выбираем «Создать аккаунт».
Указываем все необходимые параметры и жмем «Создать». Обратите внимание на целевую платформу – здесь необходимо указать то, для чего будет использоваться инструмент, например, для приложения или веб-сайта. После этого потребуется принять пользовательское соглашение – просто жмем «Да».
В результате перед нами отобразится наш личный аккаунт и небольшое окно, в котором содержится весь необходимый код. Он нам и потребуется – копируем его.
Если вы случайно закрыли окно, нажмите на уникальную надпись, отмеченную на скриншоте ниже.
Осталось разместить указанный код в шапку (<head>) вашего сайта.

В данном случае файл, в котором был прописан код, называется index.html. Также он может именоваться как header.php или как-то иначе, если сайт расположен на CMS.

Основные параметры

Прежде чем переходить к настройкам сервиса, давайте остановимся на некоторых понятиях, относящихся к GTM. Это контейнер, тег, триггер и переменная – именно они нас встречают на главной странице сервиса.

Контейнер – это некая оболочка, где хранятся все теги сайта или мобильного приложения. Его основной контент – код, используемый на сайте и отвечающий за активацию тегов прочих ресурсов.
Тег – часть кода JavaScript, которую необходимо выполнить. С помощью данной операции можно провести отслеживание трафика и поведения посетителей, анализ эффективности рекламы, ремаркетинга и таргетинга.
Триггер – выполняет или блокирует тег. Он включает в себя определенное событие, например, загрузку страницы или переход по ссылке. Также триггер позволяет настроить фильтры; один из них – показ URL страниц, где должен срабатывать тег.
Переменная – основной параметр, получающий определенные значения.

Объясняю на пальцах: в каждом аккаунте есть как минимум один контейнер. В нем располагается один или несколько тегов – например, код Google Analytics. Для него устанавливается триггер, который определяет условия срабатывания тега и отправки им данных. После того как триггер срабатывает, он считывает определенную переменную. Например, встроенная переменная Click Text содержит текст, а Click URL — URL. Данный триггер активируется, если значение переменной совпадает с заданными пользователем параметрами: кликом по элементу с указанным текстом или URL.

Именно с переменных и начинается базовая настройка Google Tag Manager.

Настройка переменных

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

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

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

Пройдемся по каждому типу встроенных переменных:

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

Настройка триггеров

Для начала давайте рассмотрим основные параметры триггеров, а затем перейдем к их настройке. Всего их 4 типа:

Просмотр страницы

Модель DOM готова – выполняется во время загрузки страницы.
Окно загружено – просмотр фиксируется при полной загрузке страницы и всех ее элементов.
Просмотр страницы – активируется при переходе на страницу.

Клик

Все элементы – действие по любому кликабельному элементу.
Только ссылки – действие по клику на ссылку.

Взаимодействия пользователей

Видео на YouTube – срабатывает при просмотре видео.
Видимость элемента – срабатывает в зависимости от видимости элемента; выбрать отслеживание можно по ID элемента либо CSS-селектору.
Глубина прокрутки – позволяет определить скролл страницы в вертикальной или горизонтальной прокрутке.
Отправка формы – триггер запускается при отправке форм, при этом срабатывание можно настроить только на успешную отправку формы.

Другое

Группа триггеров – позволяет добавить несколько триггеров в одну группу.
Изменение в истории – отслеживает изменения в хэше URL-страницы.
Ошибка JavaScript – срабатывает при появлении ошибки в JavaScript; также можно настроить триггер на ошибку в определенной строке кода.
Специальное событие – лучшим примером пользовательского события является установка кода Яндекс.Метрики и Google Analytics для отслеживания формы, если стандартный тип триггера «Отправка формы» не сработал.
Таймер – предназначен для срабатывания события через определенный отрезок времени. Примером может служить срабатывание таймера каждые 25 минут для продления отслеживания сеанса Google Analytics.

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

Готово! Мы создали свой первый триггер. При необходимости вы можете настроить более точное срабатывание с помощью дополнительных параметров.

Настройка тегов

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

В меню конфигуратора мы увидим два блока «Конфигурация тега» и «Триггеры». Первым делом нам понадобится верхний раздел – перейдем в него и посмотрим, что там находится.

Здесь мы можем выбрать один из тегов, который соответствует нужному нам сервису. Пусть это будет «Google Аналитика: Universal Analitics».

После этого перед нами отобразится окно настроек выбранного тега. Так как мы хотим использовать Google Analytics, потребуется добавить идентификатор отслеживания. Чтобы это сделать, отмечаем пункт «Включить переопределение настроек в этом теге» и вводим значение.

Найти идентификатор можно в аккаунте Google Analytics, Администратор -> Настройки ресурса -> Идентификатор отслеживания.

Теперь нам нужно привязать к этому тегу триггер – для этого на этой же странице открываем блок «Триггеры» и выбираем тип отслеживания просмотра страниц «All Pages». В данном случае мы используем триггер, который был автоматически сгенерирован сервисом. Если вы ранее создавали собственный тег, то можете добавить его, но только в том случае, если он подходит под данное действие.

В завершение сохраняем созданный нами тег.

Готово! Тег был создан, теперь давайте проверим его работоспособность – для этого в Google Tag Manager есть специальная функция «Предварительный просмотр».

На отобразившейся странице вводим ссылку на свой сайт и жмем «Start».

После этого будет выполнен переход на сайт. Если на панели отладки появится тег, то поздравляю. Все получилось!

Теперь вы знаете, как можно использовать Google Tag Manager. Спасибо за внимание!

Array

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

Но в настоящем полученный код не нужно модифицировать. Он готов к установке на сайт и по умолчанию настроен отправлять информацию о посещении страниц сайта пользователями. А все потому, что теперь у «Гугла» новый тег gtag.js.

Analytics.js, gtag.js или GTM

Ранее при создании счетчика генерировался код из библиотеки analytics.js. В настоящее время по умолчанию генерируется Global Site Tag (gtag.js). Последний упрощает работу со счетчиком и аналитикой, а также позволяет использовать новые функции и сторонние сервисы. Настроить использование предыдущего тега (analytics.js) возможно, однако сам «Гугл» рекомендует использовать новый.

Нужно понимать, что это два разных кода, с различным принципом действия и передачей данных. Соответственно настраиваются они по-разному, цели и события для них создаются разные. И цели, созданные для analytics.js, не будут считываться кодом gtag.js. Чтобы не зависеть от типа кода, отслеживать действия посетителей на сайте можно через Google Tag Manager.

Чтобы понять какой код использовать, рассмотрим возможные варианты:

Сайт новый и на него только устанавливаются коды. Советуем устанавливать код GTM (Google Tag Manager) и работать с «Аналитиксом» через него.

На сайте установлен код GTM. Не переходите на gtag.js, так как GTM предоставляет больше возможностей. Например, он позволяет работать одновременно со многими кодами, а не только «Аналитиксом» – facebook, AdWords и т.д.

На сайте установлен код Universal Analytics analytics.js. Если и переходить на что-то, то на GTM. Так как в gtag.js итак встроена библиотека analytics.js.

Сайт новый, но ставить на него коды можно только напрямую. Однозначно устанавливайте новый тег аналитика gtag.js. Ведь это последняя версия кода отслеживания «Аналитикса», гибко работающая с другими продуктами от Google.

Далее рассмотрим создание, настройку и установку счетчика gtag.js, а также настройку и установку событий и целей.

Создание счетчика gtag.js

Для создания счетчика нужно зайти на сайт Google Analytics под нужным аккаунтом. Зачастую счетчик «Аналитикса» делают на том же аккаунте, что и рекламные кампании в Google Ads. Или, наоборот, все счетчики «Аналитикса» собирают в одном аккаунте, независимо от рекламных аккаунтов «Адвордс». Если аккаунта нет, перед работой нужно зарегистрировать новый и зайти под ним.

Переходим в меню «Администратор» и жмем на кнопку «Добавить аккаунт».

Далее вводим название для нового аккаунта. Советуем называть понятным и однозначно идентифицирующим его именем. Один аккаунт может содержать много счетчиков для разных сайтов. Затем вводим название уже непосредственно ресурса (сайта) и его настоящий url.

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

Новый счетчик с уникальным идентификатором отслеживания и кодом создан.

Настройка и установка счетчика gtag.js

Чтобы использовать код, нужно установить его на все страницы сайта между открывающим и закрывающим тегом <Head>. Кстати, если ранее использовался скрипт analytics.js, его можно удалить после установки нового кода. GA_TRACKING_ID в приведенном ниже коде – это ID вашего счетчика в Analytics.

gtag('js', new Date());

Как уже говорилось, счетчик по умолчанию будет отправлять аналитические данные о посещении страниц. Если нужны какие-то дополнительные функции: запрет на отправку данных, добавление второго счетчика «Аналитикса», отправка информации о достижении целей и событий и т.д. – код счетчика нужно модифицировать (добавлять дополнительные параметры) и обновлять на сайте. Детальные инструкции по модификации скрипта счетчика для различных случаев можно найти в справочном руководстве для разработчиков от Google. Мы рассмотрим наиболее распространенные из них.

Отправка событий

Код, который нужно добавить на сайт, для отправки в «Аналитикс» информации о событии:

где action – название события; category, label, value – категория, ярлык и ценность события (данные параметры необязательные).

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

Например, строчка кода ниже отправляет в «Аналитикс» информацию о стандартном событии ‘login’, с категорией по умолчанию ‘engagement’ и ярлыком по умолчанию ‘method’:

Если стандартные значения параметров не подходят, их можно перезаписать, например:

Если нужно создать пользовательское событие, то его категорией по умолчанию считается ‘engagement’. Для пользовательских событий можно задавать пользовательские параметры. Например:

где 'sign_up' – название события; ‘engagement’ – категория; 'method' – ярлык; 'account_type' – пользовательский параметр.

Помещается данный скрипт в код элемента сайта, с которым связано отслеживаемое действие (например, на форму или кнопку). Например, при клике по кнопке отслеживающий скрипт может быть записан в событие ‘onclick’ (тега <button>, <input> или другого):

oncl ick="gtag('event', 'ask_question', );"

Настройка целей в Analytics для gtag-события

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

Покажем, как это делается на примере события нажатия по кнопке «Задать вопрос»:

gtag('event', 'ask_question', );

здесь 'ask_question' – название события; 'click_on_button' – значение категории; 'question' – значение действия события.

Заходим в Google Analytics в блок представления и выбираем пункт «Цели».

Жмем на кнопку «Цель».

Выбираем тип цели «Собственная».

Называем цель аналогично событию в скрипте и выбираем ее тип «Событие».

Значение категории и действия делаем равными тем, которые указаны в событии, и сохраняем изменения. Если в событии есть другие параметры – указываем и их в цели.

Цель готова. Теперь все данные о событии (клик по кнопке «Заказать звонок») будут успешно фиксироваться в «Аналитиксе».

Читайте также: