Как работать со скидками без дополнительной разработки — два кейса клиентов Adventum с пошаговой инструкцией

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

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

Кейс 1: Как скрыть период действия акции без дополнительной разработки

Проблема

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

Решение

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

Пример карточки
Пример карточки товара на сайте клиента Adventum

Инструкция

Решить данную задачу можно несколькими способами, ниже описан один способ из всех возможных.

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

Посмотреть код

Откроется панель разработчика с выделенным элементом. Скопируйте JavaScript-путь интересующего элемента.

Копирование пути

Пример:

document.querySelector(«body > div.scroll-lock > div.scroll-lock__inner.page-wrap > div > main > article > div > div > div > div.sku-page__head-info > div.sku-page__sub-info > div»)

Убедитесь, что на странице установлен GTM-контейнер. Для этого введите «gtm» в поиске по коду страницы. Либо воспользуйтесь расширением Google Tag Assistant для Chrome.

Поиск GTM

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

Создайте в данном GTM-контейнере тег типа Пользовательский HTML.

Создание тега с пользовательским кодом

Вставьте в код тега скопированный ранее путь к элементу. Оберните данный JavaScript-код тегами <script></script>.

Замените содержимое элемента, используя свойство innerHTML. Можно подставить обновленный текст, в примере мы полностью удаляем содержимое блока.

Код в пользовательском HTML

В качестве триггера для тега установите триггер Просмотр страницы — Модель DOM готова. Укажите корректный путь к странице для того, чтобы обновление элемента происходило только на карточке товара.

Установка и настройка триггера

Проверьте работу тега на нескольких страницах в режиме предварительного просмотра. Если тег сработал корректно и текст обновился — опубликуйте контейнер.

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

Кейс 2: Как работать со статичными электронными каталогами

Проблема

Несколько раз в месяц клиент выпускает электронный каталог с акциями. Пользователи часто заходят на страницу каталога, туда ведется трафик из разных источников. Карточки товаров в этом каталоге статичные и динамически подтягивать цены возможности нет. При этом на сайте есть ecom-раздел с акциями, где собраны все актуальные товары со скидками.

Страница с каталогами
Страница с каталогами

Решение

Так как изменять содержимое электронного каталога с акциями — это долго, веб-аналитики Adventum настроили переадресацию посетителей из каталога с акциями на страницу ecom-раздела со скидками, которые уже тянутся из внутренней системы и отображают список товаров и текущую стоимость.

Инструкция

Решить данную задачу можно несколькими способами, ниже описан один способ из всех возможных.

Переадресацию на новую страницу можно выполнить без кода с помощью инструмента Google Optimize. Данная возможность есть на бесплатном тарифе. Убедитесь, что на сайте установлен контейнер Google Optimize. Это можно сделать по аналогии с поиском GTM: введите «googleoptimize» в поисковую строку области кода страницы. Либо воспользуйтесь расширением Google Tag Assistant для Chrome.

Поиск в коде

В интерфейсе Google Optimize создайте новый проект оптимизации с переадресацией.

Создание проекта оптимизации

Добавьте в качестве альтернативного варианта страницу, на которую нужно осуществить редирект.

Вариант с переадресацией

Распределите нужным образом доли аудитории для каждого варианта страницы. Для настройки полной переадресации укажите 0% в исходном варианте.

Распределение долей аудитории

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

Проверьте установку кода Google Optimize и кода против мерцания. Optimize предупредит о его отсутствии и предоставит инструкцию по добавлению.

Настройка Optimize

Настройки распределения трафика и событие активации в данном случае остаются по умолчанию.

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

Важно помнить, что проект оптимизации Google Optimize автоматически останавливается спустя 3 месяца. В случае необходимости продления, потребуется запустить проект заново.

Выводы

Текущие времена требуют быстрой реакции. Однако даже в условиях ограниченных ресурсов можно найти решение:

  1. Акции по-прежнему остаются инструментом привлечения покупателей. Поэтому отменять их все не стоит. Лучше своевременно корректировать сроки их проведения.
  2. Подготовить электронный каталог с подборкой акций на ближайшие три дня. Цены в этом каталоге нужно поддерживать актуальными.
  3. Делать акцент на программе лояльности, проводить больше акций с привязкой к карте. Необходимо наладить коммуникации с пользователями с помощью рассылок, пока маркетинг осваивает новые каналы привлечения.
  4. Вместо дорогих человеко-часов разработчиков использовать готовые решения — например, Google Tag Manager, Matomo Tag Manager.
  5. Обратиться в агентство, которое поможет решить технические проблемы с веб-сайтом и найти решение для оплаты зарубежных сервисов.

 

Источник