Подробности: использование динамических списков переходов

В этом разделе описывается использование динамических списков переходов для сайта с местными событиями с использованием географического положения и API Карт Bing. Также описываются другие идеи использования динамических списков переходов.

Примеры

В следующей таблице приведены примеры динамических списков переходов, которые настроены для различных типов веб-сайтов.

Тип сайтаИспользование
Сайт новостей
  • Публикация заголовков новостей в разделе, закрепленном пользователем
  • Публикация заголовков наиболее обсуждаемых статей
Спортивный сайт
  • Публикация времени предстоящих игр, которыми интересуется пользователь
  • Публикация статей о любимых командах и игроках пользователя
Сайт видео
  • Подбор видеозаписей исходя из уже просмотренных пользователем
  • Подбор наиболее популярных видеозаписей
Сайт местных событий
  • Динамическое заполнение категории списка переходов событиями, происходящими вблизи местонахождения пользователя, с помощью интерфейса Geolocation API. (См. пример далее в этом разделе.)

 

Использование списков переходов с поддержкой географического положения для сайта с местными событиями

Для создания закрепленного сайта с актуальными местными событиями в месте расположения пользователя можно использовать географическое положение и динамические списки переходов. Для определения расположения пользователя в этом примере используются API географического положения и API Карт Bing.

Используя API географического положения, поддерживаемый браузером Windows Internet Explorer 9, можно примерно определить местоположение пользователя (широту и долготу). Пользователь может разрешить или запретить сайту использовать географическое положение и сохранить эти настройки для любого сайта.

В следующем примере метод getCurrentPosition возвращает текущее расположение пользователя в виде координаты широты и долготы. Затем сценарий передает сведения о расположении службе REST Карт Bing и извлекает расположение (название города) из XML-ответа. Наконец, функция setJumpListLocation создает название категории списка переходов из соответствующего имени города.

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


<script type="text/javascript">
window.onload = function() {
    if (window.external.msIsSiteMode()) {
        navigator.geolocation.getCurrentPosition(successCallback);
    }
}

function successCallback(position){
    // Use the position to locate the user geographically
    try {
        var point = position.coords.latitude + "," + position.coords.longitude;
        var addr = "http://dev.virtualearth.net/REST/v1/Locations/" + point +
                 "?o=xml&key=YourBingMapsKeyHere";
        var xhr = new XMLHttpRequest();
        xhr.open( "GET", addr, true );
        xhr.onreadystatechange = function() {
            if ( xhr.readyState == 4 && xhr.status == "200" ) {
                var city = xhr.responseXML.selectSingleNode("//ResourceSet/Resources/Location/Address/Locality");
                document.getElementById('output').innerHTML = city.text;
                setJumpListLocation(city.text);
            }
        };
        xhr.send(null);
    }
    catch(ex) {
        alert(ex.message);
    }
}

function setJumpListLocation(city) {
    window.external.msSiteModeCreateJumpList(city + " Events");
    // Add events here.
    window.external.msSiteModeAddJumpListItem("TEST","TEST","TEST");
    window.external.msSiteModeShowJumpList();
}
</script>
</head>

<body>
<p>Your location is: <span id="output">unknown</span>. </p>
</body>


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

Использование динамических списков переходов для музыкального сайта

Динамический список переходов можно использовать для перехода на другие радиостанции в закрепленном сайте интернет-радио.

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

Список переходов сайта интернет-радио Slacker.com

Использование списков переходов на сайте о фильмах

Динамические списки переходов можно использовать для уведомления пользователя о новостях и обзорах наиболее популярных фильмов.

На следующем рисунке показано, как сайт RottenTomatoes.com использует динамические списки переходов для отображения ссылок на "What's Hot On Rotten Tomatoes".

Список переходов с отображением "What's Hot On Rotten Tomatoes"

Использование динамических списков переходов для интернет-магазина

Динамические списки переходов можно использовать для выполнения следующих задач:

  • оповещения пользователя о продажах
  • оповещения пользователя о новинках
  • разрешения пользователю просматривать ранее размещенные заказы
  • обращения к службе поддержки клиентов
Список переходов с отображением "Amazon Favorites"

Связанные разделы

Задачи
Подробности: использование уведомлений
Подробности: использование панелей эскизов
Основные сведения
Уведомления на индикаторе событий — прямо на вашем закрепленном сайте в Windows 8
Fresh Tweets 2.0 — демонстрационная версия для Windows 8
Высококачественные визуальные элементы для закрепленных сайтов в Windows 8
Создание динамических списков переходов
Основные сведения о закрепленных сайтах
Создание веб-страницы с поддержкой географического положения
Закрепление сайтов в Windows 8

 

 

Показ:
© 2014 Microsoft