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

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

Показ видео

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

Чтобы показать видео, выполните следующие действия:

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

Вывод на экран отдельного поста Facebook или X

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

Чтобы вывести на экран отдельный пост, выполните следующие действия:

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

Отображение элемента Facebook или X

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

Чтобы вывести на экран временную шкалу или событие, выполните следующие шаги:

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

   При использовании карточки Социальные сети вы можете получить неожиданный результат работы канала Facebook Events. Прочитайте статью Карточки социальных сетей и проблема с событиями Facebook для получения подробной информации.

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

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

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

Подсказка:

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

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

Для вставки ресурсов с помощью карточки iframe выполните следующие шаги:

1. Откройте сайт или страницу в режиме редактирования.
2. На панели Настройка щелкните Компоновка.
3. Перетащите карточку Iframe на строку компоновки.
4. Укажите URL-адрес iframe и нажмите Применить.

   Подсказка:

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

5. Если встроенное приложение плохо работает на компактных устройствах, укажите другой URL-адрес для использования на мобильных устройствах.
6. Используйте переключатель Скрыть на мобильном, если у вас нет мобильной версии карты.
7. Включите прокрутку, выбрав Автоматически.

   Подсказка:

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

8. При необходимости выберите переключатели для опций Включить прокрутку и Кнопка всегда видна.
9. Укажите высоту фрейма.
10. Введите Заголовок для активации доступности.
11. Выберите Сохранить.