Данный способ позволяет определить и вывести в любое место сайта название страны, области, города.
Необходимо минимальное знание верстки и программирования.
Разберем прям по пунктам)
Подключаем библиотеки
1. Необходимо подключить библиотеку jQuery. Если у вас сайт создан на CMS типа WordPress, Opencart, MODX и т.п., то первый пункт можете пропустить и переходить к подключению скрипта от Яндекс карт. На абсолютном большинстве CMS библиотеку jQuery уже подключена автоматически.
Я подключаю jQuery через CDN на офф.сайте
https://code.jquery.com/
2. Далее подключаем API яндекс карт.
<script src="https://api-maps.yandex.ru/2.0/?load=package.full&lang=ru-RU" type="text/javascript"></script>
Главный скрипт вывода города, страны, региона посетителя
3. Далее сам скрипт вывода в любое место сайта название страны, области, города.
<script type="text/javascript">
$(document).ready(function(){
ymaps.ready(function(){
var geolocation = ymaps.geolocation;
$('#country').html('Ваша страна: '+geolocation.country);
$('#town').html('Ваш город: '+geolocation.city);
$('#region').html('Ваш регион: '+geolocation.region);
});
});
</script>
Обратите внимание на #country #town #region. Это ID блоков на самой странице. Названия должны быть уникальными и не повторяться. Я использую префиксы чтобы избежать конфликтов в коде. Например #vp-country #volgo-prime-town и т.д.
Если вам необходимо вывести только город, то отредактируйте скрипт из 3 пункта удалив ненужные строки «страна» и «регион». Максимально упрощенный вариант вывода ТОЛЬКО города посетителя выглядит так.
<script type="text/javascript">
$(document).ready(function(){
ymaps.ready(function(){
var geolocation = ymaps.geolocation;
$('#town').html(geolocation.city);
});
});
</script>
Скрипт размещать лучше в подвале (footer) сайта. Строго после подключения jQuery и API от Yandex.
Выводим город посетителя в любом месте сайта
4. Теперь дело за малым. Разместить вывод страны или города в нужном месте сайта.
<div id="country"></div> <div id="town"></div> <div id="region"></div>
Результат