Автоопределение города по IP на сайте

1 июня 2020 JavaScript jQuery
Необходимость определить город посетителя на сайте актуально для интернет-магазинов или сайтов работающих в разных регионах. Это даст возможность показывать разные контакты, и изменять текст на страницах в зависимости от текущего местоположения пользователя. Самый простой и эффективный способ — это определить местоположение посетителя по его IP-адресу с помощью API Яндекс карт. Как это сделать рассмотрим в этой статье.
Подключите библиотеку jQuery и API Яндекс карт:
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> <script src="//api-maps.yandex.ru/2.0-stable/?load=package.standard&lang=ru-RU" type="text/javascript"></script>
HTML-код
<div><b>Ваша страна:</b> <span id="user-country"></span></div> <div><b>Ваш регион:</b> <span id="user-region"></span></div> <div><b>Ваш город:</b> <span id="user-city"></span></div>
JS-код
<script> window.onload = function () { jQuery("#user-city").text(ymaps.geolocation.city); jQuery("#user-region").text(ymaps.geolocation.region); jQuery("#user-country").text(ymaps.geolocation.country); } </script>
Файл нужно запустить на хостинге, веб-сервере или локальном веб-сервере, таком, как например, Open Server.
Популярные фильмы смотрите на https://metarankings.ru/best-movies/
Вывод текста в зависимости от текущего города
Следующий пример показывает, как можно изменять текст доставки в зависимости от города пользователя.
<script> window.onload = function () { var city = ymaps.geolocation.city; if(city == 'Москва'){ jQuery("#user-city").text('Доставка по Москве бесплатно'); } else { jQuery("#user-city").text('Доставка почтой по всей России'); } } </script>
Список городов России
А вот список городов России, который вам возможно пригодится для реализации некоторых задач.
Подборка бесплатных IT-курсов и вебинаров от Skillbox.
Бесплатные IT-курсы, нужно только пройти онлайн-тест здесь
Бесплатные вебинары здесь
Использую библиотеку nikolaevevgeGeoIP для своего сайта. Она ведь вроде бы лимитов не имеет?
не работает
все отлично работает.
что-то не там подключил.
Не работает
Ваша страна: Не выводит
Ваш регион: Не выводит
Ваш город: Доставка по Москва бесплатно