Определение города посетителя

insider · October 26, 2014

Недавно столкнулся с задачей отображать город посетителя для улучшения конверсионных показателей магазина. Решение нашлось очень простое.

Втавляем в index.tpl (или на странице доставка) в любом нужном месте cледующий код:

<script src="http://yastatic.net/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
  window.onload = function () {
      jQuery("#user-city").text(ymaps.geolocation.city);
  }
</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>

Будет интересно применить в следующих ситуациях:

- Отображать любые данные доставки, в зависимости от города (номер телефона, адрес)

- Использовать определение города при заказе, чтобы избавить пользователя от заполнения города, дав право его редактировать.

Предлагайте ваши идеи использования геолокации, реализуем!

Dimon789 · October 26, 2014

еще круто область вывести и страну

insider · October 26, 2014

еще круто область вывести и страну

Выводи с помощью

//  страна, город, регион.
geolocation.country, geolocation.city, geolocation.region

insider · October 26, 2014

Готовый код вставки в любое место сайта с указанием города, региона и страны.

<script src="http://yastatic.net/jquery/2.1.1/jquery.min.js"></script>
<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>

Slip · November 5, 2014

Недавно столкнулся с задачей отображать город посетителя для улучшения конверсионных показателей магазина. Решение нашлось очень простое.

Втавляем в index.tpl (или на странице доставка) в любом нужном месте cледующий код:
<script src="http://yastatic.net/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
  window.onload = function () {
      jQuery("#user-city").text(ymaps.geolocation.city);
  }
</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>
Будет интересно применить в следующих ситуациях:

- Отображать любые данные доставки, в зависимости от города (номер телефона, адрес)
- Использовать определение города при заказе, чтобы избавить пользователя от заполнения города, дав право его редактировать.

Предлагайте ваши идеи использования геолокации, реализуем!

А как сделать чтобы при заказе город заполнился?

infinity178 · November 5, 2014

<script src="http://yastatic.net/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
  window.onload = function () {
      jQuery("#user-city").val(ymaps.geolocation.city+', '+ymaps.geolocation.region+', '+ymaps.geolocation.country);
  }
</script> 
<script src="http://api-maps.yandex.ru/2.0-stable/?load=package.standard&lang=ru-RU" type="text/javascript"></script>


<input type='text' name='city' id='user-city' value='' />

PS нужное удаляете

есть только город, то

jQuery("#user-city").val(ymaps.geolocation.city);

#user-city - это ключ для input, может быть любым

Karen · January 15, 2015

Готовый код вставки в любое место сайта с указанием города, региона и страны.

<script src="http://yastatic.net/jquery/2.1.1/jquery.min.js"></script>
<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>

Подскажите, после установке кода, выпадающее меню залипает в открытом состоянии?

insider · January 15, 2015

Подскажите, после установке кода, выпадающее меню залипает в открытом состоянии?

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

Скорее всего jquery вызывается в шаблоне несколько раз. Попробуй один вызов удалить.

Karen · January 15, 2015

<script src="http://yastatic.net/jquery/2.1.1/jquery.min.js"></script>
Скорее всего jquery вызывается в шаблоне несколько раз. Попробуй один вызов удалить.

Это то есть удалить эту строку?

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

SergoiD · July 23, 2015

Не сработает уже такое решение.

Определяет все-время Москва, на самом деле другой.

Edited July 23, 2015 by SergoiD

wildrock · July 23, 2015

<script src="http://yastatic.net/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
  window.onload = function () {
      jQuery("#user-city").val(ymaps.geolocation.city+', '+ymaps.geolocation.region+', '+ymaps.geolocation.country);
  }
</script> 
<script src="http://api-maps.yandex.ru/2.0-stable/?load=package.standard&lang=ru-RU" type="text/javascript"></script>


<input type='text' name='city' id='user-city' value='' />

PS нужное удаляете

есть только город, то

jQuery("#user-city").val(ymaps.geolocation.city);

#user-city - это ключ для input, может быть любым

Крутяк получилось )))) Сасибо

wildrock · July 23, 2015

Недавно столкнулся с задачей отображать город посетителя для улучшения конверсионных показателей магазина. Решение нашлось очень простое.

Втавляем в index.tpl (или на странице доставка) в любом нужном месте cледующий код:
<script src="http://yastatic.net/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
  window.onload = function () {
      jQuery("#user-city").text(ymaps.geolocation.city);
  }
</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>
Будет интересно применить в следующих ситуациях:

- Отображать любые данные доставки, в зависимости от города (номер телефона, адрес)
- Использовать определение города при заказе, чтобы избавить пользователя от заполнения города, дав право его редактировать.

Предлагайте ваши идеи использования геолокации, реализуем!

Спасибо )

dmitry82 · October 16, 2015

Недавно столкнулся с задачей отображать город посетителя для улучшения конверсионных показателей магазина. Решение нашлось очень простое.

Втавляем в index.tpl (или на странице доставка) в любом нужном месте cледующий код:
<script src="http://yastatic.net/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
  window.onload = function () {
      jQuery("#user-city").text(ymaps.geolocation.city);
  }
</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>
Будет интересно применить в следующих ситуациях:

- Отображать любые данные доставки, в зависимости от города (номер телефона, адрес)
- Использовать определение города при заказе, чтобы избавить пользователя от заполнения города, дав право его редактировать.

Предлагайте ваши идеи использования геолокации, реализуем!

Спасибо за крутой, быстрый лёгкий скрипт.

Возник вопрос можно ли в зависимости от страны\города выводить доп. информацию. Например № телефона, стоимость\условия\сроки доставки и т.д. (в общем любой произвольный текст или неск. блоков текста)?

Если да, то как.

Спасибо.

Rash · October 17, 2015

Спасибо за крутой, быстрый лёгкий скрипт.
Возник вопрос можно ли в зависимости от страны\города выводить доп. информацию. Например № телефона, стоимость\условия\сроки доставки и т.д. (в общем любой произвольный текст или неск. блоков текста)?
Если да, то как.
Спасибо.

Сделать проверку и условие на нужный город, как то так

<script type="text/javascript"> 
  window.onload = function () {
   var city = ymaps.geolocation.city;
    if(city == 'Габон'){
       jQuery("#user-city").text('Бесплатная доставка по Габону');
     } else {
       jQuery("#user-city").text('Доставка почтой DHL Express');
   }
}
</script>

wildrock · December 31, 2015

Еще + бы был если бы при поисковом запросе определяло город и выдавало в поисковой выдаче как реализовано с площадками объявлений

kudros · January 28, 2016

Скрипт показывает мой город верно, в отличие от других нескольких сервисов. Спасибо автору. Ищу исполнителя на такую работу:

На сайте установлен движок Yii версии 1.1.16

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

Пока город в котором необходимо определение гео и показ банера всего один, но нужна возможность добавлять города отдельным параметром в настройках в панели админа.

Нужно подтверждение города, т.е "вы согласны с тем что вы в Омске?
если нет, банер исчезает.

Показывать нужно просто картинку-ссылку или код, взамен существующему виджету на для всех городов.

Еще условие, если посетитель не из нужного города, ему должен быть показан виджет для всех городов.

avorobyev · February 20, 2016

Подскажите пожалуйста. Задача - для Москвы и МО отобразить номер 495, для остальных регионов - 8800. Причем каждый номер должен быть ссылкой, чтобы можно было начать вызов с телефона, кликнув по нему. В Google Tag Manager вынесен код:

<script src="http://yastatic.net/jquery/2.1.1/jquery.min.js"></script>
  <script type="text/javascript"> 
  window.onload = function () {
    if(ymaps.geolocation.region == 'Москва и Московская область'){
       jQuery("#region-phone").text('+7 (495) 000-00-00');
       jQuery("#region-phone-href").text('tel:+74950000000');
     } else {
       jQuery("#region-phone").text('+7 (800) 000-00-00');
       jQuery("#region-phone-href").text('tel:+78000000000');
   }
}
</script>
<script src="http://api-maps.yandex.ru/2.0-stable/?load=package.standard&lang=ru-RU" type="text/javascript"></script>

На всех страницах сайта, где должен быть номер телефона, планируется вставить код типа:

<a href=region-phone-href><div id="region-phone"></div></a>

Как сделать так, чтобы в качестве ссылки было подставлено значение region-phone-href?

Edited February 20, 2016 by avorobyev

mishanya · February 20, 2016

Подскажите пожалуйста.
...
Как сделать так, чтобы в качестве ссылки было подставлено значение region-phone-href?

так попробуйте

<script src="http://yastatic.net/jquery/2.1.1/jquery.min.js"></script>
  <script type="text/javascript"> 
  window.onload = function () {
    if(ymaps.geolocation.region == 'Москва и Московская область'){
       jQuery("#region-phone").text('+7 (495) 000-00-00');
       jQuery("#region-phone-href").attr('href', 'tel:+78000000000');
     } else {
       jQuery("#region-phone").text('+7 (800) 000-00-00');
       jQuery("#region-phone-href").attr('href', 'tel:+78000000000');
   }
}
</script>
<script src="http://api-maps.yandex.ru/2.0-stable/?load=package.standard&lang=ru-RU" type="text/javascript"></script>
<a id="region-phone-href" href="#"><div id="region-phone"></div></a>

avorobyev · February 20, 2016

Спасибо, получилось!

Edited February 20, 2016 by avorobyev

avorobyev · February 20, 2016

<a id="region-phone-href" href="#"><div id="region-phone"></div></a>

Столкнулся с проблемой, что этот код срабатывает на странице только 1 раз. Например, если номер телефона на странице встречается 3 раза:

В шапке
В тексте, например, на странице "Контакты"
В подвале

то, в зависимости от региона номер подставится только в первом случае. В остальных местах пусто. Как сделать так, чтобы номер подставлялся во всех местах, где я добавил этот код?

mishanya · February 20, 2016

<a id="region-phone-href" href="#"><div id="region-phone"></div></a>
Столкнулся с проблемой, что этот код срабатывает на странице только 1 раз. Например, если номер телефона на странице встречается 3 раза:
В шапке

В тексте, например, на странице "Контакты"

В подвале
то, в зависимости от региона номер подставится только в первом случае. В остальных местах пусто. Как сделать так, чтобы номер подставлялся во всех местах, где я добавил этот код?

потому что айди должен быть уникальным у всех объектов. соответсвенно вы ставите три ссылки с одним айди и вам вставляет только на первую.

для множества используйте классы.

<script src="http://yastatic.net/jquery/2.1.1/jquery.min.js"></script>
  <script type="text/javascript"> 
  window.onload = function () {
    if(ymaps.geolocation.region == 'Москва и Московская область'){
       jQuery(".region-phone").text('+7 (495) 000-00-00');
       jQuery(".region-phone-href").attr('href', 'tel:+78000000000');
     } else {
       jQuery(".region-phone").text('+7 (800) 000-00-00');
       jQuery(".region-phone-href").attr('href', 'tel:+78000000000');
   }
}
</script>
<script src="http://api-maps.yandex.ru/2.0-stable/?load=package.standard&lang=ru-RU" type="text/javascript"></script>
<a class="region-phone-href" href="#"><div class="region-phone"></div></a>

Edited February 20, 2016 by mishanya

avorobyev · February 20, 2016

потому что айди должен быть уникальным у всех объектов. соответсвенно вы ставите три ссылки с одним айди и вам вставляет только на первую.

для множества используйте классы.
<script src="http://yastatic.net/jquery/2.1.1/jquery.min.js"></script>
  <script type="text/javascript"> 
  window.onload = function () {
    if(ymaps.geolocation.region == 'Москва и Московская область'){
       jQuery(".region-phone").text('+7 (495) 000-00-00');
       jQuery(".region-phone-href").attr('href', 'tel:+78000000000');
     } else {
       jQuery(".region-phone").text('+7 (800) 000-00-00');
       jQuery(".region-phone-href").attr('href', 'tel:+78000000000');
   }
}
</script>
<script src="http://api-maps.yandex.ru/2.0-stable/?load=package.standard&lang=ru-RU" type="text/javascript"></script>
<a class="region-phone-href" href="#"><div class="region-phone"></div></a>

Спасибо большое! Все номера отображаются.

Amerkun · March 2, 2016

Добрый вечер! Спасибо за скрипт... бомба.

Подскажите, как вставить номер телефона в текст, но так, чтобы следующее слова не начиналась с новой строки?

Также интересует, как сделать город, регион, страна были на одной строке?

Заранее спасибо!

Amerkun · March 3, 2016

Добрый вечер! Спасибо за скрипт... бомба.

Подскажите, как вставить номер телефона в текст, но так, чтобы следующее слова не начиналась с новой строки?

Также интересует, как сделать город, регион, страна были на одной строке?

Заранее спасибо!

Kors · March 4, 2016

Чуть-чуть обучиться основам HTML, JS, JQuery. Если нет возможности (желания, способностей или чего другого), то попросить спецов сделать за денежку...

Определение города посетителя

Recommended Posts

Link to post

Share on other sites

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Join the conversation

Announcements