Автоопределение города по 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>
Список городов России
А вот список городов России, который вам возможно пригодится для реализации некоторых задач.
Использую библиотеку nikolaevevgeGeoIP для своего сайта. Она ведь вроде бы лимитов не имеет?
не работает
все отлично работает.
что-то не там подключил.
Не работает
Ваша страна: Не выводит
Ваш регион: Не выводит
Ваш город: Доставка по Москва бесплатно
Яндекс этот сервис предоставляет условно бесплатно. Так что если сайт прям ваш, то гуд и еще нужно сначала получить ключ апи, если кому-то делаете, то уже не очень гуд.