Инъекция контейнера Яндекс Тег Менеджера на любой сайт

Нет времени ждать, пока разработчик или заказчик активируют код Яндекс Тег Менеджера на сайте, а хочется сразу приступить к работе? Или у заказчика уже есть ЯТМ и вам нужно его донастроить, но доступов пока нет? А может быть вы хотите просто потренироваться с отслеживаниями на любом стороннем сайте? Тогда используйте специальное расширение YTM Preview Injector для инъекции контейнера Яндекс Тег Менеджера.

Инъекция контейнера -  это техника временного внедрения кода контейнера тег-менеджера на любой сайт без изменения его исходного кода, обычно через браузерные расширения. В своей другой статье я подробно рассказывал про различные утилиты для Google Tag Manager. В этом руководстве речь пойдет о новом расширении для Яндекс Тег Менеджера.

Его разработал Виктор Кончишин, эксперт по работе с аналитическими инструментами, автор алгоритма самостоятельной установки и настройки CAPI с помощью диспетчера тегов Google, разработчик собственного баннера cookie для Google Consent Mode v2 и автор курса по серверному отслеживанию. С помощью расширения YTM Preview Injector вы сможете:

• создать тестовый счетчик Яндекс Метрики;
• активировать в нем Яндекс Тег Менеджер;
• добавить домен сайта для инъекции;
• запустить режим предварительного просмотра;
• начать работу и отладку всех настроек/событий.

Давайте подробнее познакомимся с расширением YTM Preview Injector.

Итак, предположим, что мы хотим выполнить настройки (=потренироваться) на сайте, доступа к которому у нас пока нет. Например, для ppc.world. Для этого мы создаем тестовый счетчик Яндекс Метрики и активируем Яндекс Тег Менеджер. Сам счетчик Метрики на сайт устанавливать не нужно!

После этого перейдите в Яндекс Тег Менеджер. Скачайте расширение YTM Preview Injector по ссылке ниже.

Распакуйте его в отдельную папку на вашем локальном компьютере. Просто кликните правой кнопкой мыши на загруженный файл и выберите Извлечь в текущую папку / Извлечь все:

Рядом с архивом вы увидите новую папку с таким же названием:

Теперь перейдите в свой браузер (используйте Google Chrome, Brave, Yandex) и в правом верхнем углу нажмите на иконке с тремя точками. В открывшемся меню выберите Дополнительные инструменты - Расширения - Управление расширениями:

В правом верхнем углу напротив режима разработки переведите ползунок в положение Вкл.

У вас появится дополнительное меню с настройками. Нажмите на кнопку Загрузить распакованное расширение:

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

Все! В результате в вашем браузере появится активное расширение YTM Preview Injector:

В правом верхнем углу своего браузера вы можете закрепить иконку расширения:

Вернитесь в интерфейс Яндекс Тег Менеджера и откройте YTM Preview Injector.

Задайте следующие настройки:

• в поле ID счетчика Метрики введите идентификатор Яндекс Метрики, в котором включен Яндекс Тег Менеджер. В моем примере - это 105923127;
• в поле Разрешенные домены добавьте домен, на котором вы планируете выполнять настройки. В моем примере инъекции - это сайт ppc.world.

В завершение нажмите Сохранить.

После проведенных настроек запустите режим предварительного просмотра:

В открывшемся окне укажите ссылку на тот сайт или страницу, на которой планируете выполнять настройки:

В отдельном окне откроется сайт, а в адресной строке браузера в URL-ссылке будет добавлен специальный параметр _ytm_preview, а справа внизу окна браузера появится иконка отладки Тег Менеджера:

Если она не появилась, попробуйте в браузере сбросишь кэш (сочетание клавиш Ctrl+F5/Shift+F5).

Поздравляем! Вы осуществили инъекцию контейнера Яндекс Тег Менеджера на чужой сайт без доступа к нему и установки кода Метрики. Теперь вы можете выполнять все настройки и отслеживания внутри интерфейса Тег Менеджера, а затем переходить в панель отладки и проверять, корректно ли срабатывают все эти действия.

Пример настройки для отслеживания клика по кнопке (с настроенным триггером и тегом события Яндекс Метрики):

Единственный нюанс и ограничение, которое есть пока в Яндекс Тег Менеджере (которого нет в Google Tag Manager) - это функция импорта-экспорта контейнера. Поэтому все настройки, которые вы выполните и проверите, с тестового счетчика в используемый придется переносить пока вручную.