嵌入式视频、社交媒体和 iframe

在您的站点或页面上共享 YouTubeFacebookVimeo 社交媒体和嵌入式 iframe 的视频。

显示视频

可将显卡添加至嵌入式 YouTubeVimeoFacebook 视频中。

要显示视频,请完成以下步骤:

  1. 以编辑模式打开站点或页面
  2. 自定义面板上,选择布局
  3. 视频卡片拖动到布局中的一行上。
  4. 视频链接字段中粘贴来自 FacebookVimeoYouTube 的视频 URL。
  5. 根据视频来源的不同,将显示不同的其他选项,以用于配置视频显示情况:
    • 对于 Facebook 视频,输入标题启用辅助功能,选择显示帖子文本可显示点赞、评论、分享的数量及其他相关文本。 选择始终显示标题可显示视频标题。
    • 对于 Vimeo 视频,输入标题启用辅助功能,选择显示视频标题显示视频所有者显示视频所有者缩略图循环视频回放
    • 对于 YouTube 视频,输入标题启用辅助功能,选择是否显示 YouTube 品牌 YouTube循环播放视频
  6. 选择保存

显示单个 FacebookX 帖子

显示单个帖子以突出显示特定内容。

要显示单个帖子,请完成以下步骤:

  1. 以编辑模式打开站点或页面
  2. 自定义面板上,选择布局
  3. 社交媒体卡片拖动到布局中的一行上。
  4. 帖子或时间线链接字段中,粘贴任何公开分享的帖子的 URL。 要复制正确的 URL,请选择帖子的时间戳(帖子左上角显示的日期或时间),然后在返回编辑站点之前,在浏览器中复制新的 URL。
  5. 选择保存

显示 FacebookX 项目

显示带有发送消息、增加标题大小和包含封面照片选项的 FacebookX 时间轴或活动。

要显示时间轴或活动,请完成以下步骤:

  1. 以编辑模式打开站点或页面
  2. 自定义菜单上,选择布局
  3. 社交媒体卡片拖动到现有行中。
  4. 社交媒体帖子 URL 字段中,粘贴任何公开分享的 Facebook 页面的 URL。
  5. 或者,选择切换按钮以打开以下选项的任意组合:
    • 利用时间轴,访客向下滚动查看之前的帖子。
    • 事件将显示页面事件视图的列表视图。

    使用社交媒体卡片时,您可能会留意到 Facebook 事件源的异常结果。 请参阅文章社交媒体卡片和 Facebook 事件源以了解详细信息。

    • 利用消息,用户可以使用 Facebook Messenger 将消息发送给 Facebook 页面的管理员。
    • 使用大标题可增大页面标题的大小。
    • 显示封面照片可显示页面的封面照片。
  6. 选择保存

使用 Iframe 卡片的嵌入式内容

您可以使用 iframe 卡片通过 URL 嵌入外部资源(例如应用程序、Web 地图或仪表盘)。

提示:

Iframe最适合用于显示仪表盘和信息图表。 对于其他项目(包括 Experience Builder Web 应用程序、Insights 页面、Web 地图、调查和故事),请考虑使用图库卡片地图卡片应用程序卡片调查卡片

请考虑使用不超过两个 iframe 实例。 如果站点或页面上的 iframe 过多,可能会影响移动视图的性能。 无论您使用 iframe 还是其他卡片,为了更简洁、更易于访问的设计,请显示不超过两个关键项目。 请尝试将图库卡片用于剩余项目。

要使用 iframe 卡片嵌入内容,请完成以下步骤:

  1. 以编辑模式打开站点或页面
  2. 自定义面板上,选择布局
  3. Iframe 卡片拖动到布局中的一行上。
  4. 提供 iframe URL,并选择应用

    提示:

    仅粘贴您想要嵌入的 URL,而不是来自其他网站的 iframe 代码(不支持 esri.com 域)。 使用 HTTP 的 iframe URL 将不会显示在使用 HTTPS 的编辑模式中。 保存并查看您的站点以观察您的 iframe。

  5. 如果嵌入的应用程序在较小的设备上性能不佳,请为移动 URL 覆盖提供备用 URL。
  6. 如果您没有移动版本的应用程序,请使用在移动设备上隐藏切换按钮。
  7. 通过打开自动启用滚动功能。

    提示:
    滚动功能并不总适用于移动设备,因为用户可能无法划过应用程序。 在应用更改之前,确保可滚动的 iframe 在移动设备上正常工作。

  8. 如果需要,请选择启用共享按钮始终可见的切换按钮。
  9. 提供 iframe 高度。
  10. 输入标题启用辅助功能。
  11. 选择保存