Loading...

Как сделать подмену телефона на сайте в зависимости от региона?

Дополнение возможностей определения региона через яндекс API

Подмена информации (телефона в примере) в зависимости от региона по яндекс API + Jquery

В подмене учавствуют города Москва, Челябинск, Краснодар, Екатеринбург

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

Важно! Здесь описан пример с двумя номерами. Один основной (показывается всегда) и второй подменный. Это в определенном смысле минус, но я пока не нашел решения для того чтобы соблюдалось условие: "если ни один из городов не совпадает, то показать основной номер и не показывать основной номер если любой из городов определился". Вернее я не знаю как это реализовать на js хотя там пару строк кода должно быть

Пример работы подмены телефона в зависимости от региона через яндекс API

Отображаемый всегда +7 495 9877898

Москва 495

Челябинск 351

Краснодар 861

Екатеринбург 343

Как сделать подмену телефона на сайте в зависимости от региона?

1. Между тегами head указать скрипты:

 
    
        
<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="https://api-maps.yandex.ru/2.0/?load=package.full&lang=ru-RU" type="text/javascript"></script>
<script type="text/javascript">
        $(document).ready(function(){
                ymaps.ready(function(){
                    var geolocation = ymaps.geolocation;
                    $('#cou').html('Ваша страна: '+geolocation.country);
                    $('#tow').html('Ваш город: '+geolocation.city);
                    $('#reg').html('Ваш регион: '+geolocation.region);
                });
            });
</script>

    

2. В месте где нужен вывод результата вставить скрипт:

 
    
        
        
<script> 
window.onload = function() {
   // Указываем город (учавствующий в подмене). Написать город без ошибок
   if (ymaps.geolocation.city == 'Москва') {
      jQuery("#city1").show();
      jQuery("#no-city1").hide();
   } else {
      jQuery("#city1").hide();
      jQuery("#no-city1").hide();
   }
   
   // Указываем город (учавствующий в подмене) Написать город без ошибок
   if (ymaps.geolocation.city == 'Челябинск') {
      jQuery("#city2").show();
      jQuery("#no-city2").hide();
   } else {
      jQuery("#city2").hide();
      jQuery("#no-city2").hide();
   }
   
      // Указываем город (учавствующий в подмене) Написать город без ошибок
   if (ymaps.geolocation.city == 'Краснодар') {
      jQuery("#city3").show();
      jQuery("#no-city3").hide();
   } else {
      jQuery("#city3").hide();
      jQuery("#no-city3").hide();
   }
   
      // Указываем город (учавствующий в подмене) Написать город без ошибок
   if (ymaps.geolocation.city == 'Екатеринбург') {
      jQuery("#city4").show();
      jQuery("#no-city4").hide();
   }  else {
      jQuery("#city4").hide();
      jQuery("#no-city4").hide();
   }
   

} 
</script>
        
    

3. В месте ПОД скриптом вставить:

В месте вывода указываем вариант текста (номера телефона) для определившегося города

 
    
        
<!-- Показываем основной номер -->
<div id="phone">Отображаемый всегда +7 495 9877898</div>

<!-- Показываем блок с доп. номером если город совпадает -->
<div id="city1">Москва 495</div>
<!-- Показываем блок с доп. номером если город совпадает -->
<div id="city2">Челябинск 351</div>
<!-- Показываем блок с доп. номером если город совпадает -->
<div id="city3">Краснодар 861</div>
<!-- Показываем блок с доп. номером если город совпадает -->
<div id="city4">Екатеринбург 343</div>

        
    

Может заинтересовать

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




383