Вы здесь:   Главная » Вебмастеру    »    Скрипт JS: Определяем местоположение посетителя

Скрипт JS: Определяем местоположение посетителя

Возможность вывести данные об актуальном местоположении посетителя — востребованная функция для коммерческих сайтов. Оперируя данными, вебмастер может автоматически заполнять веб-формы на сайте.

Скрипт местоположения: город, регион и страна посетителя

Нижеуказанный код получен на основе API  «Яндекс.Карт». Скрипт отображает город, регион и страну, исходя из пользовательского IP-адреса. В ряде случаев, существует погрешность в определении местоположения, в частности при использовании прокси-сервера или иного вида анонимайзера.

<script src="http://yastatic.net/jquery/2.1.1/jquery.min.js"></scrip
<script type="text/javascript">
 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>
<script src="http://api-maps.yandex.ru/2.0-stable/?load=package.standard&lang=ru-RU" type="text/javascript"></script>
<div id="user-city"></div> <div id="user-region"></div> <div id="user-country"></div>

Копируем и вставляем в исходный код шаблона. Если к вашему сайту уже подключена библиотека Jquery, то удалите первую верхнюю строчку.

<script src="http://yastatic.net/jquery/2.1.1/jquery.min.js"></scrip

Для оформления используйте нижнюю строчку, где перечисляются город, регион и страна пользователя, заключённые в теги <div>.

Город: <div id="user-city"></div>
Регион: <div id="user-region"></div>
Страна: <div id="user-country"></div>

Надеемся, приведённый JS-скрипт окажется полезен в рамках вашего веб-ресурса, и Вы найдёте ему должное применение. А более подробно ознакомиться с API Яндекса можно на оф.сайте разработчика.

поделиться с друзьями:

обновлено: 20.08.2017

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

Подписаться на почтовую рассылку*
*политика конфиденциальности Google

Оставить комментарий

Авторизоваться через: 

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Ознакомиться с пользовательским соглашением

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: