Главная Интеграции Интеграция с Google Tag Manager (GTM)

Интеграция с Google Tag Manager (GTM)

Обновлено Aug 03, 2026

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

Данная инструкция описывает процесс подключения контейнера GTM к вашему кабинету PRMonline и пример запуска пользовательского JavaScript-кода.

Получение идентификатора контейнера GTM

Если у вас еще нет аккаунта Google Tag Manager, его необходимо создать.

  1. Перейдите на сайт Google Tag Manager и авторизуйтесь под вашим Google-аккаунтом.

  2. Нажмите кнопку «Создать аккаунт» в правом верхнем углу.

  3. Заполните данные:

    • Название аккаунта: Укажите имя вашей компании (например, Partners PRM).

    • Страна: Выберите вашу страну.

    • Название контейнера: Укажите домен вашего портала (например, apitest.prmonline.ru).

    • Целевая платформа: Обязательно выберите «Веб-сайт».

  4. Нажмите «Создать» и примите условия пользовательского соглашения.

  5. После создания (или если контейнер у вас уже был), вы попадете в рабочую область. Обратите внимание на панель администратора или список контейнеров. Вам потребуется Идентификатор контейнера — он имеет формат GTM-XXXXXXX (например, GTM-P6LLV3NK). Скопируйте его.

Подключение GTM в панели администратора PRMonline

Теперь необходимо связать скопированный идентификатор с вашим кабинетом PRMonline.

  1. Войдите в кабинет администратора PRMonline.

  2. В левом боковом меню перейдите в раздел «Настройки» $\rightarrow$ «Интеграции».

  3. В блоке «Метрики» найдите Google Tag Manager и нажмите кнопку «Подключить».

  4. В открывшемся окне вставьте ранее скопированный Идентификатор контейнера (формата GTM-XXXXXXX).

  5. Нажмите кнопку «Сохранить».


Интеграция успешно завершена! Теперь базовый код GTM установлен на всех страницах вашего кабинета PRMonline.

Исполнение произвольного JS-скрипта через GTM (Пример)

Важной особенностью использования GTM является то, что на страницах PRMonline через GTM можно исполнять абсолютно любой JavaScript-код. Это открывает широкие возможности: от установки сторонних виджетов (чаты, системы аналитики) до кастомизации поведения элементов страницы.

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

Инструкция по добавлению кастомного скрипта:

  1. Вернитесь в интерфейс Google Tag Manager, в рабочую область вашего контейнера.

  2. В левом меню выберите раздел «Теги» или на главном экране нажмите карточку «Новый тег».

  3. Нажмите на блок «Конфигурация тега» и в появившемся списке типов тегов выберите «Пользовательский HTML».

  4. В поле для ввода HTML вставьте следующий пример кода (или ваш собственный скрипт):

<script>
  (function() {
    // Создаем элемент виджета
    var prmWidget = document.createElement('div');
    
    // Задаем стили для плашки (позиционирование по центру)
    prmWidget.style.position = 'fixed';
    prmWidget.style.top = '50%';
    prmWidget.style.left = '50%';
    prmWidget.style.transform = 'translate(-50%, -50%)';
    prmWidget.style.backgroundColor = '#0056b3';
    prmWidget.style.color = '#ffffff';
    prmWidget.style.padding = '20px 30px';
    prmWidget.style.borderRadius = '8px';
    prmWidget.style.boxShadow = '0 10px 25px rgba(0,0,0,0.2)';
    prmWidget.style.zIndex = '9999';
    prmWidget.style.fontFamily = 'sans-serif';
    prmWidget.style.fontSize = '16px';
    prmWidget.style.textAlign = 'center';
    
    // Добавляем текст
    prmWidget.innerHTML = '👋 <strong>Приветствуем партнеров!</strong><br><br>Новые офферы уже доступны.';
    
    // Добавляем кнопку закрытия (опционально, чтобы не перекрывать экран насовсем)
    var closeBtn = document.createElement('button');
    closeBtn.innerHTML = 'Закрыть';
    closeBtn.style.display = 'block';
    closeBtn.style.margin = '15px auto 0';
    closeBtn.style.padding = '5px 15px';
    closeBtn.style.border = 'none';
    closeBtn.style.borderRadius = '4px';
    closeBtn.style.cursor = 'pointer';
    closeBtn.style.backgroundColor = '#ffffff';
    closeBtn.style.color = '#0056b3';
    
    closeBtn.onclick = function() {
      prmWidget.remove();
    };
    
    prmWidget.appendChild(closeBtn);
    
    // Добавляем виджет на страницу после загрузки DOM
    document.body.appendChild(prmWidget);
  })();
</script>

  1. Ниже, в блоке «Триггеры», выберите триггер активации. Чтобы скрипт работал на всем портале, выберите стандартный триггер «All Pages» (Просмотр страницы).

  2. Введите понятное название для тега в левом верхнем углу (например, «Виджет нотификаций PRM») и нажмите «Сохранить».

  3. Важно: Изменения в GTM не применяются на сайте мгновенно. В правом верхнем углу рабочей области GTM нажмите кнопку «Отправить» (Submit), укажите название версии (например, "Добавлен виджет приветствия") и нажмите «Опубликовать».

После публикации версии скрипт автоматически начнет исполняться на страницах вашего партнерского портала PRMonline.