Scroll to top
Связь с нами
Украина, Киев
info@iproweb.org
Тел: +38 (073) 884-82-98
Запросы по работе
da@iproweb.org
Тел: +38 (097) 884-82-98

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

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

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

Проблема

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

Решение

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

Как работать со скидками без дополнительной разработки — два кейса ритейлеров с инструкцией | iProWebПример карточки товара на сайте клиента Adventum

Инструкция

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

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

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

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

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

Пример:

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.

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

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

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

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

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

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

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

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

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

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

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

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

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

Проблема

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

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

Решение

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

Инструкция

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Выводы

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

  1. Акции по-прежнему остаются инструментом привлечения покупателей. Поэтому отменять их все не стоит. Лучше своевременно корректировать сроки их проведения.

  2. Подготовить электронный каталог с подборкой акций на ближайшие три дня. Цены в этом каталоге нужно поддерживать актуальными.

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

  4. Вместо дорогих человеко-часов разработчиков использовать готовые решения — например, Google Tag Manager, Matomo Tag Manager.

  5. Обратиться в агентство, которое поможет решить технические проблемы с веб-сайтом и найти решение для оплаты зарубежных сервисов.

Источник статьи

На нашем сайте мы используем файлы cookies.