Делитесь видео с Facebook, Vimeo или медиа из социальных сетей YouTube и вставляйте iframe на свои сайты или страницы.
Для начала работы войдите на Portal for ArcGIS и щелкните Сайты на странице Обзор, чтобы просмотреть список ваших сайтов.
Подсказка:
Вы также можете редактировать сайт при просмотре в браузере. Убедитесь, что вы вошли в систему и найдите кнопку редактирования слева от вашего сайта.
Показать видео
Добавляйте карточки видео, чтобы встраивать видеоролики YouTube, Vimeo, или Facebook.
- Перетащите карточку Галереи в имеющуюся строку.
- Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
- Вставьте URL видеоролика из Facebook, Vimeo или YouTube в поле URL видео.
- В зависимости от источника видео могут появиться дополнительные опции, позволяющие конфигурировать отображение видео:
- Для видеороликов Facebook выберите Показать текст поста для показа количества лайков, комментариев, публикаций и другого текста. Выберите Всегда показывать подписи для отображения подписей видео.
- Для видеороликов Vimeo выберите Показать заголовок видео, Показать владельца видео, Показать уменьшенное изображения владельца видео и Циклическое воспроизведение видео.
- Для видео YouTube, выберите Показать значок YouTube и Циклическое воспроизведение видео.
- Щелкните кнопку копирования, расположенную рядом с URL видео, чтобы сохранить ссылку в буфер обмена, которую можно использовать по всему приложению.
- Щелкните Сохранить.
Поделиться одним постом Facebook
Отобразите один пост для выделения чего-либо.
- Перетащите карточку Социальные сети в имеющуюся строку.
- Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
- Вставьте в поле URL поста социальной сети URL любого публично опубликованного поста Facebook. Чтобы вставить правильный адрес URL, щелкните временную метку поста (дату или время в левом верхнем углу поста), а затем скопируйте новый URL в браузере, перед тем как редактировать свой сайт.
- При желании щелкните кнопку переключения для Показать текст поста, чтобы отобразить текст, связанный с сообщением.
- Щелкните Сохранить.
Отобразить Facebook временную шкалу
Отображение Facebook временной шкалы, события или сообщения для более глубокого изучения.
- Перетащите карточку Социальные сети в имеющуюся строку.
- Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
- Вставьте в поле URL поста социальной сети URL любой публично опубликованной страницы Facebook.
- При желании нажмите кнопку-переключатель, чтобы включить любую комбинацию из следующих параметров:
- Временная шкала позволяет отобразить вкладку шкалы под заголовком страницы. Выберите эту опцию, если вы хотите опубликовать свою ленту с событиями или сообщениями.
- Опция События отображает список представлений событий страницы.
- Опция Сообщения позволяет людям вводить и отправлять сообщения администратору страницы Facebook через Мессенджер Facebook.
- Опция Использовать большой заголовок позволяет увеличить размер заголовка страницы и добавить кнопку Отправить сообщение для связи людей через Мессенджер Facebook.
- Опция Показать фотографию обложки для отображения фотографии обложки страницы.
- Щелкните Сохранить.
Показать один твит
Отобразите один пост Twitter для выделения чего-либо.
- Перетащите карточку Социальные сети в имеющуюся строку.
- Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
- Вставьте в поле URL поста социальной сети URL любого публично опубликованного поста Twitter. Чтобы получить ссылку на конкретный твит, щелкните кнопку ещё в правом верхнем углу поста, а затем выберите Скопировать ссылку на твит.
- Можно также щелкнуть кнопку переключения, чтобы включить любую комбинацию следующих опций в меню Опции:
- Опция Показать темную тему инвертирует цвета отображения.
- Ширина сообщения Tweet позволяет выбрать размер вашего поста, используя следующие опции: Маленький, Средний, Большой.
- Опция Выбрать положение твита позволяет вам выбрать выравнивание По левому краю, По центру и По правому краю.
- Щелкните Сохранить.
Отобразить Twitter временную шкалу
Отобразите прокручиваемую временную шкалу Twitter.
- Перетащите карточку Социальные сети в имеющуюся строку.
- Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
- Вставьте в поле URL поста социальной сети URL любой публично опубликованной ленты Twitter.
- Можно также щелкнуть кнопку переключения, чтобы включить любую комбинацию следующих опций в меню Опции:
- Расширение по высоте позволяет показать больше сообщений Twitter.
- Ограничение твитов задает число твитов (до 20), отображаемых на временной шкале.
- Опция Показать темную тему инвертирует цвета отображения.
- Опция Показать заголовок предназначена для отображения заголовка. Точно так же выберите Показать колонтитул для отображения нижнего колонтитула.
- Опция Показать границу позволяет отобразить линию границы временной шкалы.
- Опция Показать фон удаляет или отображает фон.
- Щелкните Сохранить.
Встраивание ресурса с помощью карточки iframe
Вы можете использовать карточку iframe, чтобы встроить внешние ресурсы, такие как приложения, веб-карты или панели управления, используя URL.
Подсказка:
Iframes лучше всего подходят для отображения панелей управления и инфографики. Для других элементов, включая веб-приложения Experience Builder, страницы Insights, веб-карты, опросы и карты-истории, используйте карточку галереи, карточку веб-карты или карточку приложения.
При использовании iframes желательно ограничить число экземпляров двумя. Слишком большое количество iframe на одном сайте или странице может снизить производительность на мобильных устройствах. Независимо от использования iframe или других карточек, отображение не более 2 ключевых элементов позволяет получить более четкий и доступный дизайн. Для остальных элементов попробуйте использовать карточку галереи.
- Перетащите карточку iframe в имеющуюся строку.
- Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
- Укажите URL-адрес iframe и высоту фрейма. Не встраивайте код iframe с другого веб-сайта. Вставляйте только URL-адрес, который вы хотите встроить.
Примечание:
Чтобы гарантировать отобрадение ресурсов, даже при сбое первичного URL-адреса на небольших устройствах, можно задать вторичный URL, используя поле URL для мобильных устройств. - Добавьте заголовок вашего iframe.
- Включите прокрутку, выбрав Автоматически.
Подсказка:
Прокрутка не всегда подходит для мобильных устройств, поскольку пользователь не всегда сможет пройти все приложение, если оно может только пролистываться. Убедитесь в работоспособности прокручиваемых iframe на мобильных устройствах перед закреплением изменений. - Щелкните Применить.
Примечание:
URL-адреса Iframe, использующие HTTP, не отображаются в режиме редактирования, в котором используется HTTPS. Сохраните и просмотрите сайт, чтобы проверить iframe.
- Щелкните Сохранить.