Бесплатный виджет местоположения для сайта

Что такое виджет — и демо за 30 секунд

Виджет What Is My Location — это небольшая самостоятельная страница, которую вы вставляете на свой сайт через iframe. Когда посетитель нажимает Показать моё местоположение, браузер спрашивает разрешение, позиция вычисляется на его устройстве, а виджет показывает координаты в нескольких форматах, адрес по обратному геокодированию и метку на OpenStreetMap. Ничего о посетителе мы не сохраняем — ни cookie, ни аналитических маячков, ни цифровых отпечатков. Посмотреть, что именно увидят ваши посетители, можно на рабочей странице виджета, а собрать свой вариант — в конструкторе виджета.

Вставка одной строкой

Вставьте это туда, где должен появиться виджет:

<iframe src="https://whatismylocation.ai/widget"
        width="100%" height="420" style="border:0;border-radius:12px"
        allow="geolocation" title="What is my location"></iframe>

Атрибут allow="geolocation" обязателен — без него браузеры блокируют запрос позиции внутри iframe. Высота 380–460 px подходит большинству макетов; виджет остаётся адаптивным вплоть до ширины 280 px.

Что можно настроить

Конструктор виджета соберёт URL за вас, но параметры достаточно просты, чтобы написать их вручную: ?theme=dark или light под оформление вашего сайта (если опустить, виджет следует системной настройке посетителя), &units=imperial для футов и миль и &lang=es (или любой из наших 35 языков) для локализованных подписей. Например, /widget?theme=dark&lang=hi покажет тёмный виджет на хинди. Параметры свободно сочетаются, и больше ничего не требуется — ни ключа, ни аккаунта, ни квоты.

WordPress, Shopify, Wix, React

• WordPress: поставьте наш крошечный плагин для WP (он добавляет шорткод [whatismylocation]) или вставьте iframe в блок «Произвольный HTML».
• Shopify / Wix / Squarespace: в каждом конструкторе есть элемент «встраивание / произвольный HTML» — вставьте в него ту же строку с iframe.
• React / Vue / Svelte: отрисуйте iframe напрямую; он не хранит состояние, поэтому возиться с жизненным циклом не нужно.
• AMP или письма: iframe с геолокацией там не работает — вместо него дайте ссылку на полную страницу.

Кому нужен виджет местоположения — реальные сценарии

• Страницы доставки и логистики: покупатель берёт точные координаты адреса, который трудно найти, ещё до оформления заказа.
• Блоги о путешествиях и походах: читатели смотрят, где они находятся относительно ваших точек старта и маршрутов.
• Сайты мероприятий и площадок: ответ на вопрос «а далеко ли мне ехать?» без установки приложения.
• Полевые и геодезические бригады: страница в закладках, которая показывает GPS-координаты на любом телефоне.
• ИТ-поддержка: во время звонка быстро уточнить примерное местоположение и часовой пояс удалённого пользователя.

Почему его безопасно встраивать — как устроена приватность

Геолокация целиком происходит в браузере посетителя и запускается только его явным нажатием, поэтому встраивание виджета не создаёт вам хлопот с обработкой данных по GDPR: для самого виджета баннер согласия не нужен, ведь он не ставит никаких cookie и не запускает никаких сторонних трекеров. Обратное геокодирование идёт через наш сервер без сохранения координат, весь путь данных описан в руководстве по приватности, а виджет — единственная страница сайта, которой разрешено показываться внутри фрейма, так что подставить вашим пользователям через кликджекинг другие инструменты не выйдет. Если позже вместо готового интерфейса вам понадобится программный доступ, те же гарантии действуют и для бесплатного API для разработчиков.

Виджет или API — что вам нужно?

Начните с виджета, а к API переходите, когда сырые числа понадобятся внутри вашего кода.