Новое

Подсказки адреса DaData в форме Tilda

Посетитель начинает вводить адрес, и под полем появляются готовые варианты из базы DaData. Выбранная строка встаёт в поле целиком. Без jQuery, на бесплатном тарифе DaData.

Бесплатно

За подписку на канал @kalinkindevc

Совместимость
Текстовые поля форм Tilda, API подсказок адреса DaData
Стек
Tilda · JavaScript · DaData API
Формат
HTML-код для блока T123 или поля HEAD в настройках сайта

проблема

Что решает

  • !Клиенты пишут адрес с опечатками, и курьер уточняет его по телефону
  • !Набирать адрес целиком долго, особенно длинное название улицы
  • !Непонятно, какой ключ DaData вставлять в код сайта и не утечёт ли секретный
  • !Страшно, что при сбое сервиса подсказок форма перестанет принимать заявки
  • !Доставка работает в одном городе, а подсказки предлагают адреса по всей стране

решение

Что получите

  • ✓Список адресов под полем появляется после третьей буквы и короткой паузы в наборе
  • ✓Выбор мышью или стрелками с Enter, форма при этом не отправляется раньше времени
  • ✓Поиск только в нужных регионах или городах через настройку LOCATIONS
  • ✓При сбое сети или ошибке DaData список просто не появляется, поле работает как обычное
  • ✓Без библиотек: код обращается только к API подсказок DaData

О скрипте

Когда посетитель вводит адрес, под полем появляется список вариантов из базы DaData, например «г Москва, ул Тверская, д 2». Выбранная строка встаёт в поле целиком. Запрос уходит после третьей буквы и паузы в наборе, так дневной лимит расходуется медленнее.

Про ключи DaData

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

Лимиты и ограничения

  • бесплатно DaData даёт 10 000 запросов подсказок в день;
  • скрипт не проверяет, что адрес выбран из списка, и не раскладывает его по полям «город», «улица», «дом»;
  • при сбое сети или ошибке DaData список не появляется, форма работает дальше.

Что вы получите

  • 1Формат поставки — HTML-код для блока T123 или поля HEAD в настройках сайта

Частые вопросы

Не опасно держать ключ DaData в коде страницы?

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

Хватит ли бесплатного лимита?

Бесплатно DaData даёт 10 000 запросов подсказок в день. Запрос уходит после паузы в наборе, поэтому один посетитель обычно тратит несколько запросов на весь адрес. Если лимит кончится, до следующего дня поле работает как обычное.

Можно ограничить подсказки одним городом?

Да, в настройке LOCATIONS: например, только Казань или Москва с областью. Если настройка пустая, поиск идёт по всей России.

Проверяет ли скрипт, что адрес настоящий?

Нет. Посетитель может не выбрать строку из списка и отправить свой текст. Номер дома и квартиры скрипт тоже не проверяет.

Что с персональными данными?

Символы адреса, которые вводит посетитель, уходят в DaData. Нужно ли упомянуть сервис в политике обработки данных, решает юрист, скрипт на этот вопрос не отвечает.

Есть задача?

Обсудим в мессенджере

Расскажите, что нужно сделать — отвечу в течение 4 часов в рабочее время. Первая консультация бесплатно.

Продолжая пользование настоящим сайтом Вы выражаете своё согласие на обработку Ваших персональных данных (файлов куки) с использованием Yandex.Metrika.
Понятно