Проверка адреса для электронной торговли

Цель

В этом документе описаны методы объединения функции автозаполнения мест, API проверки адресов¹ и карт в процессе оформления заказа в интернет-магазине с целью получения высококачественных адресов.

Предварительные требования

Google рекомендует ознакомиться со следующими материалами:

Что такое проверка адреса?

API проверки адресов — это сервис, который принимает адрес. Он идентифицирует компоненты адреса и проверяет их. Он также стандартизирует адрес для почтовой рассылки и находит для него наиболее подходящие известные координаты широты/долготы. При желании, для адресов в США и Пуэрто-Рико можно включить систему поддержки точности кодирования (CASS™) .

Зачем нужна проверка адреса при оформлении заказа?

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

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

Обзор реализации

В этом разделе описан рекомендуемый порядок ввода адреса для оформления заказа в интернет-магазине. Процесс состоит из трех шагов:

  1. Используйте функцию автозаполнения адреса, чтобы первоначально ввести адрес.
  2. Воспользуйтесь API проверки адресов, чтобы подтвердить введенный адрес.
  3. Отобразите местоположение введенного адреса на карте, чтобы внушить клиентам уверенность в доставке.

Далее мы подробно рассмотрим каждый шаг по отдельности.

Шаг 1: Процесс ввода адреса — с использованием сервиса автозаполнения адресов.

Реализуйте функцию автозаполнения поля адреса с помощью JavaScript API в первой строке формы ввода адреса.

Функция автозаполнения Place Autocomplete предлагает пользователю подсказки по мере ввода адресных данных. При использовании JavaScript API, по мере ввода текста, под полем ввода адреса появляется выпадающий список с результатами автозаполнения, которые обновляются при каждом нажатии клавиши. После ввода достаточной информации для поиска адреса пользователь выбирает его из выпадающего списка. Это действие автоматически заполняет поля формы данными адреса.

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

Вот пример того, как может выглядеть этот процесс с использованием одного поля ввода:

изображение

Шаг 2: Используйте API проверки адресов для проверки адресов.

После того, как пользователь введёт адрес, Google рекомендует вызвать API проверки адреса на этапе оформления заказа, чтобы убедиться в его действительности и полноте. Вызов API проверки адреса следует инициировать при нажатии пользователем кнопки «Далее» или «Продолжить» в форме ввода адреса. Эта кнопка часто ведёт на страницу оплаты.

Google рекомендует вызывать API проверки адресов для каждой транзакции.

Следующая блок-схема иллюстрирует пример сквозной интеграции API проверки адресов в процесс оформления заказа:

изображение

В этом документе сценарии принятия адресов будут рассмотрены позже.

Шаг 3: Предоставьте визуальное подтверждение.

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

Карта может отображаться во время оформления заказа или отправляться в электронном письме с подтверждением транзакции. Оба этих варианта использования могут быть реализованы с помощью следующих API.

API Maps JavaScript предоставляет интерактивную карту для отображения местоположения пользователя. API статических карт позволяет встраивать изображения в веб-страницу или добавлять их позже в электронные письма.

Подробный анализ — рассмотрение сценариев приемки.

Ответы API проверки адресов можно разделить на три основных категории:

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

Эта концепция рассматривается в разделе «Создание логики проверки» документации по API проверки адресов, и в этом разделе мы обсудим каждый сценарий.

Исправить

изображение

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

Если ответ от API проверки адресов указывает на недействительный адрес, перенаправьте клиента на форму ввода адреса для проверки введенных данных. После исправления адреса ваш сервис должен повторно отправить запрос в API проверки адресов, чтобы убедиться в корректности внесенных изменений.

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

Подтверждать

изображение

В этом разделе показано, как подтвердить адрес. Информацию о конкретных сигналах, которые возвращает API проверки адресов, указывающих на необходимость подтверждения адреса, см. в разделе «Подтверждение адреса» в документации по созданию логики проверки.

Часто вашей системе потребуется запросить у пользователя подтверждение адреса. Например, клиент неправильно написал название города, которое будет исправлено API проверки адресов. Вам следует подтвердить это исправление с клиентом. Это связано с тем, что изменения, внесенные API, могут существенно изменить первоначально введенные данные.

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

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

Пример этого можно увидеть на скриншоте справа.

Принимать

В этом разделе показано, как принять адрес. Информацию о конкретных сигналах, которые возвращает API проверки адресов, указывающих на то, что адрес является корректным и должен быть принят, см. в разделе «Принятие адреса» в документации по созданию логики проверки.

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

Мы рекомендуем использовать данные об адресе, полученные через API проверки адресов, для проверки заказа, поскольку они могут содержать незначительные исправления и дополнения, например, следующие:

  • Капитализация
  • Например, исправление форматирования.
    • Улица до Св.
    • Правильный порядок компонентов адреса
  • Почтовый индекс ZIP+4 в США.

Вопросы реализации

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

Google рекомендует предоставлять клиентам до двух попыток ввести свой адрес, и при второй попытке принимать их данные, даже если они не подтвердятся. Цель состоит в том, чтобы при второй попытке позволить им продолжить ввод независимо от подтверждения.

Предлагаются два способа принять вторую попытку:

  • Принудительное продолжение: показать клиенту модальное окно с объяснением, что адрес не проходит проверку, но разрешить продолжить, используя введенный им адрес.
  • «Тихое подтверждение»: Автоматически принимается вторая попытка без подтверждения, даже если адрес не проходит полную проверку.

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

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

После завершения оформления заказа, при желании, используйте метод provideValidationFeedback , чтобы отправить Google отзыв о конкретной попытке проверки адреса.

Заключение

В этом документе представлен обзор процесса оформления заказа с использованием автозаполнения, проверки адреса и визуального подтверждения на карте Google. Используйте этот документ в качестве отправной точки для разработки собственной реализации, следуя рекомендуемым сценариям ввода адреса.

Следующие шаги

Загрузите документ «Улучшение процесса оформления заказа, доставки и операций с помощью надежных адресов» и посмотрите вебинар « Улучшение процесса оформления заказа, доставки и операций с помощью проверки адресов» .

Рекомендуемая дополнительная литература:

Авторы

Хенрик Вальв | Инженер по решениям
Томас Англаре | Инженер по решениям
Сартак Гангули | Инженер по решениям

  1. Неисключительный лицензиат Почтовой службы США. Следующие товарные знаки принадлежат Почтовой службе США® и используются с разрешения: CASS™, USPS®, DPV®. ↩