Как установить код виджетов ViaCRM на свой сайт через Google Tag Manager (GTM)?

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

Подготовка

Перед началом убедитесь, что:

У вас есть доступ к аккаунту Google Tag Manager.
Вы получили код ViaCRM из личного кабинета: создали "Проект" и получили код для вставки на сайт в нём.
Google Tag Manager (GTM) установлен на сайте, который Вы указали в качестве проекта ViaCRM.

Шаг 1: Войдите в Google Tag Manager

Перейдите на сайт.
Авторизуйтесь с помощью аккаунта Google.
Выберите нужный аккаунт и контейнер, соответствующий вашему сайту.

Шаг 2: Создайте новый тег

В левом меню перейдите в раздел «Теги» .
Нажмите кнопку «Создать» .

Шаг 3: Настройте конфигурацию тега

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

Шаг 4: Настройте триггер

Триггер определяет, когда тег будет активироваться. Если код ViaCRM должен работать на всех страницах сайта, выберите триггер «All Pages» или «Все страницы» (тип «Просмотр страницы» ). Если требуется активация только на определённых страницах, создайте соответствующий триггер.

Шаг 5: Сохраните тег

Нажмите кнопку «Сохранить» в правом верхнем углу.
При сохранении задайте имя тега (если не сделали этого раньше) и снова нажмите «Сохранить» .

Шаг 6: Проверьте настройки

Перед публикацией изменений рекомендуется проверить корректность работы тега:

В рабочей области GTM нажмите кнопку «Предварительный просмотр» (в правом верхнем углу).
Откройте сайт в новой вкладке браузера.
Выполните действия, при которых должен срабатывать тег (например, обновите страницу, если используется триггер «All Pages» или «Все страницы» ).
В панели предварительного просмотра проверьте, сработал ли тег ViaCRM. Если есть ошибки, исправьте их в настройках тега или триггера.

Шаг 7: Опубликуйте изменения

После успешной проверки вернитесь в рабочую область GTM.
Нажмите кнопку «Отправить» (в правом верхнем углу).
В разделе «Конфигурация отправки» выберите «Опубликовать и создать версию» .
Укажите название и описание версии.
Нажмите «Опубликовать» .

Настройка форм обратного звонка

Если вы хотите использовать функцию форм обратного звонка ViaCRM, выполните следующие шаги:

В любой ссылке на сайте (тег href) добавьте #VIACRM_callmeback. Например: <a href="#VIACRM_callmeback">Позвоните мне</a>.
При клике на такую ссылку посетитель сможет оставить заявку на перезвон через форму обратного звонка.

Важные замечания

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

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