Безкоштовний віджет місцезнаходження для сайту

Що таке віджет — і демо на 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-координати на будь-якому телефоні.
• Служби IT-підтримки: швидко підтвердити приблизне місцезнаходження й часовий пояс віддаленого користувача під час дзвінка.

Чому його безпечно вбудовувати — як влаштована приватність

Геолокація відбувається повністю в браузері відвідувача й запускається лише його явним натисканням, тож вбудований віджет не створює вам головного болю з обробкою даних за GDPR: для самого віджета банер згоди не потрібен, бо він не встановлює жодних файлів cookie й не запускає жодних сторонніх трекерів. Запит зворотного геокодування йде через наш проксі без збереження координат, наш посібник із приватності описує весь шлях даних, а віджет — єдина сторінка цього сайту, якій дозволено відкриватися всередині фрейма, тож ваших користувачів не вдасться заманити клікджекінгом в інші інструменти. Якщо згодом вам знадобиться програмний доступ замість готового інтерфейсу, ті самі гарантії діють і для безкоштовного API для розробників.

Віджет чи API — що вам потрібно?

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