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 выберите Показать значок YouTubeYouTube и Циклическое воспроизведение видео.
  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 Events. Прочитайте статью Карточки социальных сетей и проблема с событиями Facebook для получения подробной информации.

    • Опция Сообщения позволяет людям вводить и отправлять сообщения администратору страницы Facebook через Мессенджер Facebook.
    • Опция Использовать большой заголовок позволяет увеличить размер заголовка страницы и добавить кнопку Отправить сообщение для связи людей через Мессенджер Facebook.
    • Опция Показать фотографию обложки для отображения фотографии обложки страницы.
  5. Выберите Сохранить.

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

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

Подсказка:

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

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

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

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

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

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

  5. Выберите Применить.

    Примечание:

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

  6. Выберите Сохранить.