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

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

1 июня 2020 JavaScript

Необходимость определить город посетителя на сайте актуально для интернет-магазинов или сайтов работающих в разных регионах. Это даст возможность показывать разные контакты, и изменять текст на страницах в зависимости от текущего местоположения пользователя. Самый простой и эффективный способ — это определить местоположение посетителя по его 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>

Список городов России

А вот список городов России, который вам возможно пригодится для реализации некоторых задач.

Если вам понравилась статья, вы можете отблагодарить автора любой суммой, какую сочтете для себя приемлемой:
Остались вопросы по статье? Задайте их прямо сейчас!
Похожие записи
Как запретить переход по ссылке и отменить действия по умолчанию на JavaScript

Если мы используем JavaScript, то некоторые действия по умолчанию нужно отменить. Самый распространённый случай это клик по ссылке. К примеру при нажатии должно появляться всплывающее окно, но по умолчанию браузер будет переходить по URL. Если в атрибуте href указать знак Читать далее

Подключение jQuery

jQuery - это быстрая, небольшая и многофункциональная библиотека JavaScript, включенная в один файл .js. На данный момент это самая популярная библиотека JavaScript. JQuery облегчает жизнь веб-разработчика. Библиотека предоставляет множество встроенных функций, с помощью которых вы можете легко и быстро выполнять Читать далее

Живой поиск jQuery

Сегодня я расскажу об одном отличном jQuery плагине о котором вы могли не знать. С его помощью можно быстро сделать живой поиск на странице сайта с множеством элементов. Называется он HideSeek. Плагин очень прост в использовании, но в то же Читать далее

Сохранение данных в форме после обновления страницы

Часто ли у вас случалось такое, что при заполнении формы на сайте истекал срок действия сеанса или например зависал браузер, после чего приходилось заполнять форму заново?! HTML5 представил концепцию механизмов хранения заполняемых данных в браузере. В хранилище HTML5 есть возможность Читать далее

Кастомный виджет переводчик для сайта с флагами

Сегодня мы кастомизируем стандартный виджет Google переводчика для сайта и сделаем его в виде меню с флагами. На данный момент сервис Google Translate Widget больше не поддерживается, но это никак не отразится на сайтах, которые были подключены ранее. Наш кастомный Читать далее

AJAX в 1C-Битрикс

В компонентах Битрикс есть встроенный функционал для AJAX подгрузки. Его так же можно использовать, например для бесконечного скролла новостей. Но есть и более простой способ, с помощью которого можно загружать ответ любого компонента без перезагрузки страницы. Его мы и рассмотрим Читать далее

6 комментариев на «Автоопределение города по IP на сайте»

  1. Алексей:

    Использую библиотеку nikolaevevgeGeoIP для своего сайта. Она ведь вроде бы лимитов не имеет?

  2. Олег:

    не работает

  3. Влад:

    все отлично работает.
    что-то не там подключил.

  4. Павел:

    Не работает

  5. Дмитрий:

    Ваша страна: Не выводит
    Ваш регион: Не выводит
    Ваш город: Доставка по Москва бесплатно

  6. Алексей:

    Яндекс этот сервис предоставляет условно бесплатно. Так что если сайт прям ваш, то гуд и еще нужно сначала получить ключ апи, если кому-то делаете, то уже не очень гуд.

Добавить комментарий

*

code