Skip To Content

Вставка видео, социальных сетей и встроенных фреймов

Делитесь видео с Facebook, Vimeo или медиа из социальных сетей YouTube и вставляйте iframe на свои сайты или страницы.

Для начала работы войдите на Portal for ArcGIS и щелкните Сайты на странице Обзор, чтобы просмотреть список ваших сайтов.

Подсказка:

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

Показать видео

Добавляйте карточки видео, чтобы встраивать видеоролики YouTube, Vimeo, или Facebook.

  1. Перетащите карточку Галереи в имеющуюся строку.
  2. Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
  3. Вставьте URL видеоролика из Facebook, Vimeo или YouTube в поле URL видео.
  4. В зависимости от источника видео могут появиться дополнительные опции, позволяющие конфигурировать отображение видео:
    • Для видеороликов Facebook выберите Показать текст поста для отображения количества лайков, комментариев, публикаций и другого текста. Выберите Всегда показывать подписи для отображения подписей видео.
    • Для видеороликов Vimeo выберите Показать заголовок видео, Показать владельца видео, Показать значок владельца видео и Циклическое воспроизведение видео.
    • Для видео YouTube, выберите Показать значок YouTube и Циклическое воспроизведение видео.
  5. Щелкните кнопку копирования, расположенную рядом с URL видео, чтобы сохранить ссылку в буфер обмена, которую можно использовать по всему приложению.
  6. Щелкните Сохранить.

Поделиться одним постом Facebook

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

  1. Перетащите карточку Социальные сети в имеющуюся строку.
  2. Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
  3. В поле URL поста социальной сети вставьте URL-адрес любого общедоступного поста Facebook. Чтобы вставить правильный адрес URL, щелкните временную метку поста (дату или время в левом верхнем углу поста), а затем скопируйте новый URL в браузере, перед тем как редактировать свой сайт.
  4. При желании щелкните кнопку переключения для Показать текст поста, чтобы отобразить текст, связанный с сообщением.
  5. Щелкните Сохранить.

Отобразить временную шкалу Facebook или Twitter

Отображение временной шкалы Facebook, события или сообщения для более глубокого изучения.

  1. Перетащите карточку Социальные сети в имеющуюся строку.
  2. Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
  3. Вставьте в поле URL поста социальной сети URL любой общедоступной страницы Facebook.
  4. При желании нажмите кнопку-переключатель, чтобы включить любую комбинацию из следующих параметров:
    • Временная шкала позволяет отобразить вкладку шкалы под заголовком страницы. Выберите эту опцию, если вы хотите опубликовать свою ленту с событиями или сообщениями.
    • Опция События отображает список представлений событий страницы.
    • Опция Сообщения позволяет людям вводить и отправлять сообщения администратору страницы Facebook через Мессенджер Facebook.
    • Опция Использовать большой заголовок позволяет увеличить размер заголовка страницы и добавить кнопку Отправить сообщение для связи людей через Мессенджер Facebook.
    • Опция Показать фотографию обложки для отображения фотографии обложки страницы.
  5. Щелкните Сохранить.

Встраивание ресурса с помощью карточки iframe

Вы можете использовать карточку iframe, чтобы встроить внешние ресурсы, такие как приложения, веб-карты или панели управления, используя URL.

Подсказка:

Iframes лучше всего подходят для отображения панелей управления и инфографики. Для других элементов, включая веб-приложения Experience Builder, страницы Insights, веб-карты, опросы и карты-истории, используйте карточку галереи, карточку веб-карты или карточку приложения.

При использовании iframes желательно ограничить число экземпляров двумя. Слишком большое количество iframe на одном сайте или странице может снизить производительность на мобильных устройствах. Независимо от использования iframe или других карточек, отображение не более 2 ключевых элементов позволяет получить более четкий и доступный дизайн. Для остальных элементов попробуйте использовать карточку галереи.

  1. Добавьте карточку Iframe в существующую строку.
  2. Укажите URL-адрес iframe и высоту фрейма. Не встраивайте код iframe с другого веб-сайта; вставьте только URL-адрес, который вы хотите встроить. Домен esri.com не поддерживается.

    Примечание:
    Чтобы гарантировать отобрадение ресурсов, даже при сбое первичного URL-адреса на небольших устройствах, можно задать вторичный URL, используя поле URL для мобильных устройств.

  3. Добавьте заголовок вашего iframe.
  4. Включите прокрутку, выбрав Автоматически.

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

  5. Щелкните Применить.

    Примечание:

    URL-адреса Iframe, использующие HTTP, не отображаются в режиме редактирования, в котором используется HTTPS. Сохраните и просмотрите сайт, чтобы проверить iframe.

  6. Щелкните Сохранить.