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

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

要开始执行操作,倡议或站点团队成员可以登录到 ArcGIS Hub,然后选择概览页面上的站点以查看站点列表。 如果您的组织具有 ArcGIS Hub Premium 许可,则将在概览页面的倡议下列出倡议站点。

提示:

在浏览器中查看站点时,也可以对其进行编辑。 确保您已登录到 ArcGIS Hub,然后在站点左侧找到编辑按钮。

显示视频

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

  1. 视频卡片拖动到现有行中。
  2. 将鼠标悬停在卡片上方,然后选择编辑按钮 编辑 切换到编辑模式。
  3. 视频 URL 字段中粘贴来自 FacebookVimeoYouTube 的视频 URL。
  4. 根据视频来源的不同,将显示不同的其他选项,以用于配置视频显示情况:
    • 对于 Facebook 视频,选择显示帖子文本可显示点赞、评论、分享的数量及其他相关文本。 选择始终显示标题可显示视频标题。
    • 对于 Vimeo 视频,选择显示视频标题显示视频所有者显示视频所有者缩略图循环视频回放
    • 对于 YouTube 视频,选择显示 YouTube 标识YouTube循环视频回放
  5. 选择视频 URL 旁边的复制按钮将链接保存至剪贴板,以便在应用程序的其他位置重用。
  6. 选择保存

共享单个 Facebook 帖子

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

  1. 社交媒体卡片拖动到现有行中。
  2. 将鼠标悬停在卡片上方,然后选择编辑按钮 编辑 切换到编辑模式。
  3. 社交媒体帖子 URL 字段中,粘贴任何公开分享的 Facebook 帖子的 URL。 要复制正确的 URL,请选择帖子的时间戳(帖子左上角显示的日期或时间),然后在返回编辑站点之前,在浏览器中复制新的 URL。
  4. 或者,选择显示帖子文本的切换按钮以显示与帖子相关的文本。
  5. 选择保存

显示 FacebookX 时间轴

显示 Facebook 时间轴、事件以及消息以进行进一步浏览。

  1. 社交媒体卡片拖动到现有行中。
  2. 选择卡片内部的任意位置以切换到编辑模式。
  3. 社交媒体帖子 URL 字段中,粘贴任何公开分享的 Facebook 页面的 URL。
  4. 或者,选择切换按钮以打开以下选项的任意组合:
    • 时间轴将在页面标题下显示时间轴选项卡。 如果要将时间轴与事件或消息一同共享,请选择此选项。
    • 事件将显示页面事件视图的列表视图。

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

    • 借助消息,用户可以使用 Facebook Messenger 输入消息并将其发送给 Facebook 页面的管理员。
    • 使用大标题增大页面标题的尺寸,然后添加发送消息按钮以将相关人员链接到 Facebook Messenger。
    • 显示封面照片可显示页面的封面照片。
  5. 选择保存

使用 Iframe 卡片的嵌入式内容

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

提示:

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

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

  1. Iframe 卡片添加到现有行上。
  2. 提供 iframe URL 和 iframe 高度。 请勿嵌入来自其他网站的 iframe 代码;仅粘贴要嵌入的 URL。 不支持 esri.com 域。

    注:
    为了确保内容渲染,即使主要 URL 无法在小型设备上运行,您仍然可以使用移动 URL 覆盖字段提供次级 URL。

  3. 为您的 iframe 添加标题。
  4. 通过打开自动启用滚动功能。

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

  5. 选择应用

    注:

    使用 HTTP 的 iframe URL 将不会显示在使用 HTTPS 的编辑模式中。 保存并查看您的站点以观察您的 iframe。

  6. 选择保存