Работа с JavaScript кодом в Google Tag Manager

Google Tag Manager

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

Начну с того, что, наверное, чаще всего код JavaScript используется в одном из типов тегов, а именно Пользовательский HTML. В этом теге размещается код сервисов для которых в Google Tag Manager нет шаблонов, например, на момент написания статьи Яндекс Метрики, либо если есть необходимость размещения скриптов, которые могут быть подключены как самостоятельные файлы:

Пользовательский HTML тег

Пользовательский HTML тег

Еще одной возможностью использования собственного JavaScript кода являются пользовательские переменные типа Собственный код JavaScript:

Переменная Собственный код JavaScript

Переменная Собственный код JavaScript

Обязательным условием использования данной переменной является то, что она должна возвращать результат, т.е. завершается переменная конструкцией return():

Google Tag Manager “умеет” проверять ваш код JavaScript на наличие ошибок. Не все ошибки успешно диагностируются, но явные – находит. Например, я допустил ошибку и не поставил закрывающую скобку и получил сообщение:

Ошибка JavaScript

Ошибка JavaScript

Удобная возможность Google Tag Manager. Помимо всего сказанного в тех местах, где мы можем использовать JavaScript код используется визуальный редактор, который подсвечивает синтаксис, что облегчает работу и делает ее более приятной. Благодаря этому функционалу можно проверять корректность разметки (использования скобок), парные подсвечиваются:

Подсветка кода в Google Tag Manager

Подсветка кода в Google Tag Manager

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

Автодополнение кода в Google Tag Manager

Автодополнение кода в Google Tag Manager

В коде  JavaScript можно обращаться по именам переменных Google Tag Manager при обрамлении их двойными фигурными скобками {{ИМЯ_ПЕРЕМЕННОЙ}}.

Автор блога: Иванов Иван, практикующий веб-аналитик. Специалист по внедреннию Google Analytics и Яндекс Метрики. Занимаюсь разработкой решений для формирования данных и отчетов по сквозной аналитике. Автор обучающего курса по Google Tag Manager, преподаватель в Нетологии
Еженедельная рассылка кейсов!
Выберите рубрику
Google Analytics (69)
Google Tag Manager (57)
Яндекс Метрика (8)
Обзоры (3)
Power BI (3)
Яндекс Директ (2)
Последние публикации
Последние комментарии