Текущее состояние рынка требует быстрой реакции: нужно без промедлений подстраиваться под изменяющуюся в мире ситуацию. В сфере ритейла ежедневно обновляется стоимость товаров, отменяются скидки, запланированные акции уже не подходят под текущие реалии. 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-контейнере тег типа Пользовательский HTML.
Вставьте в код тега скопированный ранее путь к элементу. Оберните данный JavaScript-код тегами <script></script>.
Замените содержимое элемента, используя свойство innerHTML. Можно подставить обновленный текст, в примере мы полностью удаляем содержимое блока.
В качестве триггера для тега установите триггер Просмотр страницы — Модель DOM готова. Укажите корректный путь к странице для того, чтобы обновление элемента происходило только на карточке товара.
Проверьте работу тега на нескольких страницах в режиме предварительного просмотра. Если тег сработал корректно и текст обновился — опубликуйте контейнер.
Важно! Перед публикацией контейнера обязательно проверьте, какие изменения были выполнены в данной версии контейнера. После выполненных действий появляются один новый тег и один новый триггер.
Кейс 2: Как работать со статичными электронными каталогами
Проблема
Несколько раз в месяц клиент выпускает электронный каталог с акциями. Пользователи часто заходят на страницу каталога, туда ведется трафик из разных источников. Карточки товаров в этом каталоге статичные и динамически подтягивать цены возможности нет. При этом на сайте есть ecom-раздел с акциями, где собраны все актуальные товары со скидками.
Страница с каталогами
Решение
Так как изменять содержимое электронного каталога с акциями — это долго, веб-аналитики Adventum настроили переадресацию посетителей из каталога с акциями на страницу ecom-раздела со скидками, которые уже тянутся из внутренней системы и отображают список товаров и текущую стоимость.
Инструкция
Решить данную задачу можно несколькими способами, ниже описан один способ из всех возможных.
Переадресацию на новую страницу можно выполнить без кода с помощью инструмента Google Optimize. Данная возможность есть на бесплатном тарифе. Убедитесь, что на сайте установлен контейнер Google Optimize. Это можно сделать по аналогии с поиском GTM: введите «googleoptimize» в поисковую строку области кода страницы. Либо воспользуйтесь расширением Google Tag Assistant для Chrome.
В интерфейсе Google Optimize создайте новый проект оптимизации с переадресацией.
Добавьте в качестве альтернативного варианта страницу, на которую нужно осуществить редирект.
Распределите нужным образом доли аудитории для каждого варианта страницы. Для настройки полной переадресации укажите 0% в исходном варианте.
Создайте связь с представлением Google Analytics, если ранее она отсутствовала. В качестве цели выберете интересующую вас конверсию, например, транзакции.
Проверьте установку кода Google Optimize и кода против мерцания. Optimize предупредит о его отсутствии и предоставит инструкцию по добавлению.
Настройки распределения трафика и событие активации в данном случае остаются по умолчанию.
Запустите эксперимент и проверьте, как работает редирект. Откройте страницу с разных устройств и источников. Если на сайте установлен код против мерцания, то показ исходной версии страницы будет мало заметен.
Важно помнить, что проект оптимизации Google Optimize автоматически останавливается спустя 3 месяца. В случае необходимости продления, потребуется запустить проект заново.
Выводы
Текущие времена требуют быстрой реакции. Однако даже в условиях ограниченных ресурсов можно найти решение:
-
Акции по-прежнему остаются инструментом привлечения покупателей. Поэтому отменять их все не стоит. Лучше своевременно корректировать сроки их проведения.
-
Подготовить электронный каталог с подборкой акций на ближайшие три дня. Цены в этом каталоге нужно поддерживать актуальными.
-
Делать акцент на программе лояльности, проводить больше акций с привязкой к карте. Необходимо наладить коммуникации с пользователями с помощью рассылок, пока маркетинг осваивает новые каналы привлечения.
-
Вместо дорогих человеко-часов разработчиков использовать готовые решения — например, Google Tag Manager, Matomo Tag Manager.
-
Обратиться в агентство, которое поможет решить технические проблемы с веб-сайтом и найти решение для оплаты зарубежных сервисов.