LighthouseCall Ответов: 1

Как работает этот персонализированный текст?


Привет,

Я провожу некоторые исследования по персонализации в интернете и наткнулся на что-то, что не могу понять, как это работает. Я был бы признателен, если бы кто-нибудь мог указать мне некоторые направления относительно того, что я должен исследовать.

Сайт [удален], а вступление содержит персонализированное сообщение. Это то, чего я хотел бы достичь, отображая местоположение пользователей и устройство.

У кого-нибудь есть какие-нибудь советы, пожалуйста?

Спасибо,
Соль

Что я уже пробовал:

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

<script>
          $('#location-button').click(function(){
        
            if (navigator.geolocation) {
                navigator.geolocation.getCurrentPosition(function(position){
                  console.log(position);
                  $.get( "http://maps.googleapis.com/maps/api/geocode/json?latlng="+ position.coords.latitude + "," + position.coords.longitude +"&sensor=false", function(data) {
                    console.log(data);
                  })
                  var img = new Image();
                  img.src = "https://maps.googleapis.com/maps/api/staticmap?center=" + position.coords.latitude + "," + position.coords.longitude + "&zoom=13&size=800x400&sensor=false";
                  $('#output').html(img);
                });
                
            }
          });
  </script>

1 Ответов

Рейтинг:
2

MadMyche

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

Это хорошее начало. Поэтому мне кажется, что все, что вам нужно знать сейчас, - это как получить тип устройства. Это не то, что встроено в JavaScript; но JS действительно имеет возможность читать пользовательский агент (UA) и анализировать его в полезную информацию. Это то же самое, что и реализации 20 лет назад, чтобы выяснить, используют ли люди Netscape Navigator или Internet Explorer.

Лучше всего прочитать следующие ресурсы и просмотреть образцы, чтобы увидеть, как они работают
Обнаружение мобильного устройства с помощью Javascript | Red Stapler[^]
mobile-detect.js | обнаружение устройств (телефон, планшет, настольный компьютер, мобильный класс, ОС, версии)[^]

Я не видел здесь никаких образцов, но видел, что это рекомендовано раньше:
http://detectmobilebrowsers.com/[^]