Избранное и корзина в браузере: что теряется при смене устройства и очистке данных

Посетитель набрал в корзину пять товаров, закрыл вкладку, а на следующий день открыл сайт с рабочего компьютера и увидел пустоту. Или очистил на телефоне историю, чтобы освободить память, и вместе с ней потерял подборку, которую собирал неделю. Для него это «сайт потерял мои вещи», для вас — потерянная заявка. Разберёмся, где на самом деле хранится выбранное, что при этом пропадает и как устроить сохранение, чтобы заявки не терялись.

Где может храниться выбранное

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

Второе место — сервер. Список выбранного хранится на стороне сайта, а в браузере остаётся только небольшой идентификатор сессии, по которому сервер узнаёт посетителя. Тут всё надёжнее: если идентификатор жив, список на месте. Но он живёт, пока жива сессия, а она привязана к куки в том же браузере. Потеряли куки — потеряли и связь со списком, хотя на сервере он может лежать ещё какое-то время.

Третье место — учётная запись. Когда человек вошёл в аккаунт, список привязан к нему, а не к устройству. Где бы он ни зашёл, с телефона, ноутбука или рабочего компьютера, он увидит тот же список. Это самый надёжный вариант, но он требует, чтобы посетитель зарегистрировался или вошёл, а многие этого не любят и не делают до последнего.

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

Что теряется и в каких случаях

Список ситуаций, в которых посетитель теряет выбранное, довольно длинный. Самая частая: смена устройства. Человек выбирал на телефоне в метро, а оформить решил дома на компьютере. Данные в браузере телефона не видны на компьютере, и всё нужно начинать заново. Вторая: очистка данных браузера. Многие чистят историю и куки регулярно, а иногда это делает сам телефон при нехватке места или по расписанию.

Третья: режим инкогнито или приватный режим. Всё, что накоплено в нём, исчезает при закрытии окна. Четвёртая: другой браузер на том же устройстве. Если человек открыл ссылку из мессенджера во встроенном браузере приложения, а выбирал в основном, список окажется пустым, потому что браузеры друг друга не видят. Пятая: истёк срок хранения. Многие сайты задают срок жизни корзины, например тридцать дней, а потом очищают. Если человек вернулся на тридцать первый день, корзины нет.

Шестая: переход между поддоменами или между адресом с приставкой и без неё. Для браузера это иногда разные сайты, и данные одного не видны другому. Седьмая: обновление сайта. Если разработчики изменили формат хранения данных и не предусмотрели перенос, у всех пользователей корзины обнулятся. Восьмая: ограничения браузера. Некоторые браузеры на телефонах автоматически очищают данные сайтов, которыми давно не пользовались, примерно через неделю без визитов. Девятая: ограниченный объём. Если хранить слишком много данных в браузере, запись может не пройти без видимых ошибок.

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

Как сохранять выбранное на сервере

Принцип прост: каждое добавление товара в корзину или избранное сразу отправляется на сервер, а не остаётся только в браузере. Сервер записывает его в базу под идентификатором сессии или аккаунта. Для посетителя ничего не меняется, а для вас список теперь живёт отдельно от браузера.

Для гостей, которые не вошли в аккаунт, сервер выдаёт идентификатор, записывает его в куки с долгим сроком жизни, скажем девяносто дней, и хранит корзину под этим идентификатором. Если браузер очищен, идентификатор потерян, и здесь помогает следующий шаг: дать посетителю способ привязать список к себе. Самый лёгкий из них — оставить телефон или почту в обмен на сохранение. «Сохранить подборку, чтобы вернуться с любого устройства» — и достаточно одного поля. После этого список привязан к контакту и восстанавливается по коду из смс или по ссылке из письма, без пароля.

Для зарегистрированных клиентов список хранится в аккаунте всегда. При входе происходит слияние: то, что человек набрал в гостевом режиме, объединяется с тем, что уже лежало в аккаунте. Тут есть тонкость. Если не объединять, а заменять, человек потеряет либо новое, либо старое, и оба варианта неприятны. Правильно показать итог объединения и дать возможность убрать лишнее. Повторяющиеся товары складываются в одну строку с учётом количества.

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

Перенос между телефоном и компьютером

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

Первый способ: вход по смс или по почте. Человек вводит номер или адрес, получает короткий код, и список подтягивается. Никаких паролей. Для многих это самый естественный путь, потому что телефон всегда под рукой. Второй способ: ссылка на себя. Кнопка «Отправить подборку на почту или в мессенджер» формирует ссылку, и, открыв её на любом устройстве, посетитель видит тот же список. Российская аудитория охотно пользуется Телеграмом и ВКонтакте, так что отправка себе в сообщения подходит многим.

Третий способ: кьюар-код на экране компьютера. Человек открыл корзину на компьютере, увидел кьюар-код и навёл на него камеру телефона, чтобы забрать подборку. Это быстро для случая, когда начал на телефоне, а продолжить нужно за большим экраном, и наоборот. Однако этот вариант хорош как дополнение, а не как единственный путь: не у всех он вызывает доверие.

Четвёртый способ: единый аккаунт с входом через привычные сервисы, например через Яндекс ИД или ВКонтакте. Для пользователя это один клик, а вам даёт надёжную привязку. Выбирайте вход, который знает ваша аудитория, и не навязывайте десять вариантов сразу: двух-трёх достаточно.

В любом из способов после переноса покажите краткое сообщение: «Подборка восстановлена: 5 товаров». Это успокаивает и подтверждает, что система сработала.

Ссылка на список как рабочий инструмент

Ссылка на подборку — недооценённая вещь. Она нужна не только для переноса между устройствами. Выбор товаров или услуг в деловых покупках, ремонте, организации мероприятия часто совместный: один подбирает, другой согласует, третий платит. Если у подборки есть собственный адрес, её легко переслать, и обсуждение идёт вокруг конкретного набора, а не вокруг описаний на словах.

Как сделать ссылку удобной. Адрес должен быть коротким и непредсказуемым, чтобы чужой не смог подобрать чужую подборку. Страница по ссылке показывает состав, актуальные цены, наличие и кнопки «Оформить заявку» и «Скопировать в мою корзину». Сохранение чужой подборки в свою корзину позволяет получателю добавить или убрать что-то, не меняя исходную.

Для менеджера ссылка тоже полезна. Клиент звонит и говорит: «Я выбрал на сайте, вот ссылка», и менеджер сразу видит всё нужное, не расспрашивая. Для обратной связи это ускоряет разговор и повышает шанс довести его до сделки. Некоторые компании добавляют в карточку заявки в ЦРМ-системе поле «Ссылка на подборку клиента», и менеджеры отмечают, что разговоры становятся короче и предметнее.

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

Как это сделать в ХостСМС

В ХостСМС корзина и избранное хранятся на стороне сервера. Для каждого посетителя при первом действии создаётся запись с идентификатором, который кладётся в куки на долгий срок. Любое добавление, удаление и изменение количества отправляется фоновым запросом, поэтому список всегда актуален и не зависит от того, закроет ли человек вкладку. Для вошедших клиентов запись связывается с учётной записью, а при входе гостевой список объединяется с сохранённым.

Для переноса между устройствами на сайте размещается блок «Сохранить подборку» с вводом телефона или почты. После подтверждения кодом список привязывается к контакту, а при возвращении с другого устройства достаточно ввести тот же контакт и код. Ссылка на подборку делается отдельной страницей с длинным случайным ключом в адресе и пересчётом цен и остатков при каждом открытии. Для менеджера состав подборки уходит в заявку и в ЦРМ-систему вроде Битрикс24 или амоСРМ.

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

Как посчитать эффект в заявках

Потери от пропавших списков невидимы, пока их не измерить. Начните с простого: в Яндекс.Метрике посмотрите долю посетителей, которые заходили на сайт больше одного раза и с разных устройств. Если ваша аудитория делает дорогие или обдуманные покупки, доля многоустройственных заходов заметная. Затем настройте цели: «Добавление в корзину», «Возврат с непустой корзиной», «Восстановление подборки», «Оформление заявки». Последовательность показывает, где теряются люди.

Особенно наглядна пара: сколько человек добавили товары в корзину и не оформили, и сколько из них вернулись в течение недели. После внедрения серверного хранения и переноса доля вернувшихся обычно растёт, а вместе с ней растёт и число завершённых заявок. Это и есть прямой эффект.

Условный пример. Салон кухонь получает в месяц тысячу двести посетителей с активным выбором. До внедрения сохранения на сервере около четверти из них собирали подборку, а вернулись и завершили заявку лишь тридцать человек. После запуска сохранения по телефону и ссылки на подборку вернулись и оформили заявку около пятидесяти пяти. Прирост — двадцать пять заявок в месяц без дополнительных рекламных вложений. Цифры условные, но схема вам понятна: считаем возвратившихся с подборкой и сравниваем периоды.

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

Не забудьте и про отрицательные сигналы. Если после внедрения вырос процент отказов на странице корзины или растут жалобы на «странные» цены, значит, пересчёт при возврате работает неудачно, и его нужно доработать.

Типичные ошибки

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

Ещё ошибки: сайт при каждом обновлении меняет формат хранения и обнуляет корзины; идентификатор сессии нестабилен, потому что сайт стоит за несколькими серверами без общей базы сессий; на телефоне корзина не синхронизируется, если в браузере отключены куки; нет сообщения для человека, что корзина сохранена, поэтому он страхуется и записывает список в блокнот; никто не измеряет число потерянных корзин, и проблема остаётся незамеченной.

Как это связано с продвижением 3 в 1

Корзина и избранное — это то, что происходит после того, как человек пришёл на сайт, но откуда он пришёл, определяет, как он поведёт себя дальше. Первая точка: поиск, то есть обычная выдача и ответы нейропоиска. Посетитель из поиска часто изучает несколько вариантов в разных вкладках и разных сайтах, и ваш сайт должен суметь «подождать» его: сохранить выбранное и дать вернуться. Когда он вернётся, он найдёт вас через тот же поиск или по закладке.

Вторая точка: карточка в Яндекс Картах и Яндекс Бизнесе. Человек увидел услуги и цены, нажал на ссылку на сайт, собрал подборку на телефоне и вечером решил проверить на компьютере. Третья точка: 2ГИС. Аудитория приложения почти всегда заходит с телефона, и дальше переходит на рабочее устройство, чтобы оформить заказ. Для таких людей перенос между устройствами не роскошь, а условие заявки.

Работа только над одной точкой даёт неполный результат. Можно привести людей из поиска и с карт, но потерять половину на том, что корзина исчезла при смене устройства. И наоборот: идеальная корзина не поможет, если на сайт почти никто не приходит. Поэтому в Яндекс.Метрике отслеживайте заявки и их источники, включая переходы с карт, а звонки и сообщения с карточек считайте наравне с заявками из форм и корзины. Так видно, где реально рождаются обращения.

Чек-лист проверки

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

Зайдите с компьютера, войдите в аккаунт или введите телефон и проверьте, что подборка перенеслась. Проверьте слияние: добавьте разные товары на двух устройствах до входа и убедитесь, что после входа они объединились. Откройте ссылку на подборку в другом браузере: состав, цены и наличие должны быть актуальны. Измените цену в учёте и убедитесь, что при возврате клиент видит изменение. Проверьте срок хранения: корзина недельной давности должна быть на месте.

Наконец, посмотрите отчёты в Яндекс.Метрике: сработали ли цели возврата и восстановления подборки, и сколько заявок пришло этим путём.

Что лучше доверить специалистам

На странице это незаметно, но за корзиной и избранным стоят сессии, куки, база, слияние данных, вход по коду, пересчёт цен и аналитика. Малейший сбой означает потерянный список, а потерянный список — потерянную заявку. Поэтому лучше обратиться к специалистам компании «Сайты Профессионально»: они проверят, как у вас сейчас хранится выбранное, настроят сохранение на сервере и перенос между устройствами на ХостСМС, 1С-Битрикс или ВордПресс и подключат учёт заявок из разных источников.

Хотите узнать, сколько заявок вы теряете из-за пропавших корзин и подборок? Запишитесь на бесплатную консультацию к специалистам «Сайты Профессионально»: проверим ваш сайт на реальном сценарии, покажем слабые места и подскажем, как вернуть клиентов, которые уже почти решились.