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

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

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

Проблема

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

Решение

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

Теперь покупатель видит текущую цену, действительную на момент посещения сайта не привязанную к периоду акции.

Инструкция

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

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

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

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

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

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

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

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

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

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

Проблема

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

Решение

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

Инструкция

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

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

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

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

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

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

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

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

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

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