Вход через Google One Tap

Каждый лишний шаг на входе стоит вам покупателей: кто-то не помнит пароль, кто-то не хочет заполнять регистрацию, кто-то просто закрывает вкладку. «Вход через Google One Tap» убирает этот барьер. Посетитель видит знакомую панель Google со своим аккаунтом, один клик — и он уже в магазине, с готовым профилем, без пароля и без писем с подтверждением. Новые покупатели регистрируются незаметно для себя, постоянные возвращаются в свой аккаунт с историей заказов, а корзина доезжает до оплаты. Знакомый бренд Google вызывает доверие, а фирменная кнопка выглядит так же аккуратно, как на крупных сервисах. Установка занимает несколько минут: достаточно вставить Client ID из Google Cloud и включить модуль.

Вход в один клик

1. Фирменная кнопка Google

   Кнопку рисует сам Google: с логотипом и на языке покупателя, а тому, кто уже вошёл в Google в браузере, показывает его имя, e-mail и портрет. Один клик, выбор аккаунта во всплывающем окне Google, и покупатель в магазине. Пароль не нужен, письмо с подтверждением тоже.

2. Везде, где нужен вход

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

3. Под ваш магазин

   Текст кнопки («Войти», «Войти с аккаунтом Google», «Зарегистрироваться через Google», «Продолжить с аккаунтом Google»), светлая, синяя или чёрная тема, три размера, прямоугольная или овальная форма, фиксированная ширина или по ширине формы.

4. Вместе с Яндекс ID

   Если рядом установлен модуль «Вход через Яндекс ID», кнопки Google и Яндекса выстраиваются в один столбик под общим разделителем: покупатель выбирает привычный ему сервис.

После входа покупатель остаётся на той же странице, переходит в личный кабинет или на адрес, который вы укажете.

Подсказка One Tap

1. Аккаунт уже под рукой

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

2. Автоматический вход

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

3. Без навязчивости

   Подсказка закрывается крестиком. Закрытие кликом мимо окна включается отдельно, и модуль предупреждает: Google считает такое закрытие отказом и на время перестаёт показывать панель на вашем сайте. В Chrome подсказка работает через FedCM.

4. Понятная диагностика

   Google показывает One Tap не всегда: нет сессии Google, недавно закрыли подсказку, HTTP вместо HTTPS, вход через сторонние сервисы заблокирован в Chrome. Прямо в настройках модуля перечислены все причины и способы сброса, а причина последней попытки выводится в консоль браузера.

Учётные записи покупателей

1. Регистрация без формы

   Если покупателя с таким e-mail в магазине нет, учётная запись создаётся сама: имя и фамилия из профиля Google, e-mail уже подтверждён Google. По желанию уходит стандартное письмо магазина о регистрации. Покупатель видит приветствие и сразу продолжает покупки.

2. Существующие покупатели

   Если e-mail уже зарегистрирован, покупатель входит в свой прежний аккаунт с историей заказов, а Google привязывается к профилю. Пустые имя и фамилия в профиле заполняются из Google, заполненные поля не трогаются. Эту связку можно отключить: тогда покупателю предложат войти по паролю и привязать Google в настройках профиля.

3. Гостевые заказы не теряются

   Заказы, оформленные гостем до входа, привязываются к учётной записи.

4. Управление в личном кабинете

   В профиле покупатель видит привязанный аккаунт Google с портретом и e-mail и может отвязать его одной кнопкой или привязать снова. Уже вошедший покупатель привязывает Google той же кнопкой. Один аккаунт Google нельзя привязать к двум покупателям, а при удалении учётной записи связка удаляется вместе с ней.

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

Безопасность и контроль

1. Проверка на сервере магазина

   Браузер покупателя получает от Google подписанный ID-токен, а магазин проверяет его сам: подпись по открытым ключам Google, издатель, срок действия, принадлежность именно вашему приложению и подтверждённость e-mail. Ключи кешируются; если они недоступны, используется резервная проверка через сервис Google. Секрет приложения не нужен и нигде не хранится.

2. Только покупатели

   Через Google входят только покупатели. Учётные записи администраторов и продавцов Multi-Vendor модуль не затрагивает, даже если у них тот же e-mail.

3. Разрешённые домены e-mail

   Для B2B и корпоративных магазинов вход можно ограничить списком доменов, например company.com, partner.org: посетители с другими аккаунтами Google получат понятный отказ.

4. Журнал отклонённых входов

   По желанию каждая неудачная попытка записывается в Администрирование → Журналы с причиной и e-mail: неподтверждённый адрес, чужой домен, отключённая учётная запись, попытка войти под администратором.

Адрес возврата после входа проверяется на принадлежность вашему магазину: увести покупателя на чужой сайт через параметр ссылки нельзя.

Настройки

• Google Cloud:

  Client ID приложения и пошаговая инструкция, как получить его в Google Cloud Console, с готовым списком адресов вашего магазина для поля Authorized JavaScript origins. Разрешённые домены e-mail.

• Кнопка:

  показ в формах входа, текст, тема (светлая, синяя, чёрная), размер, форма (прямоугольная или овальная), ширина.

• One Tap:

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

• Учётные записи:

  создавать аккаунт новым покупателям, отправлять письмо о регистрации, входить в существующие аккаунты по e-mail, запоминать вход, куда вести после входа (текущая страница, личный кабинет или свой адрес).

• Диагностика:

  запись отклонённых попыток входа с причиной в журнал администратора.

Для Multi-Vendor и нескольких витрин настройки задаются отдельно для каждой витрины. Разработчикам доступен хук csc_google_oauth_create_user, чтобы дополнить данные покупателя перед созданием учётной записи.