ZIP 文件作为演示文稿的源
要将 ZIP 文件用作智能内容演示文稿的来源,请为演示文稿中的每个页面创建单独的 ZIP 文件。在每个单独的 ZIP 文件中,包含演示页面的 HTML 内容。在生命科学客户参与中,页面被分组为演示文稿,每个页面单独显示在演示播放器中。管理员还可以将每个演示页面与产品和关键消息相关联,Salesforce 会跟踪每个页面的演示度量,以便您可以随着时间的推移分析和提高性能。
所需的 Edition
| 适用于:Lightning Experience |
| 适用于:具有Life Sciences Cloud、Life Sciences Cloud for Customer Engagement加载项许可证和Life Sciences Customer Engagement受管软件包的Enterprise 和 Unlimited Edition。 |
Life Sciences Customer Engagement 下载演示文稿和页面,演示播放器运行 HTML、CSS 和 JavaScript 代码来显示每个页面。
演示页面内容
在每个演示页面的 ZIP 文件中,包含这些项目。
| 内容 | 必需 | 描述 |
|---|---|---|
| HTML 文件 | 必需 | HTML 文件包含每张幻灯片的代码。对于每个 HTML 文件名,使用格式 XX_name.html,其中 XX 是幻灯片编号。从第 01 页开始,并按顺序为每个额外的页面增加。 在 HTML 文件中,有关样式和操作,请参考 CSS 和 JavaScript 文件。 |
| JPEG 文件 | 必需 | JPEG 代表每个页面的缩略图。对于每个 JPEG 文件名,使用格式 XX_thumbnail.jpg,其中 XX 是页码。 将缩略图大小限制为小于 3050 KB 或 2.97 MB。每个图像的最佳分辨率是 328 x 232 像素。对于其他分辨率,图像使用“方面填充”方法。 |
| CSS 和 JavaScript 文件 | 可选 | HTML 文件引用的静态资源。 |
ZIP 源文件的文件名推荐
遵循 PDF 文件名的这些指导原则。当管理员将演示 ZIP 文件上传到 Life Sciences 客户参与时,演示页面会按字母顺序排序。
- 对于每个页面的 ZIP 文件名,使用格式 XX_name.zip,其中 XX 是页码,名称是描述性标题。页码不能超过 2 个字符。描述性标题必须包含至少 2 个字符。
- 将文件名大小限制为 960 字节或更少。
- 有效字符是 A-Z、a-z 和 0-9。
- HTML 文件名不能包含空格。
- 对于管理员在生命科学客户参与中上传的演示文稿:
- 支持这些特殊字符:-、.、_、!、*、’、(、)
- 不支持这些特殊字符:/、\ 和组合“”和“”。
- 我们建议避免任何其他特殊字符。
- 对于通过内容管理 Connect API 上传的演示文稿,不支持特殊字符。
- 文件扩展名区分大小写,并且必须是小写字母,例如 .jpg。
- 支持双字节假名、片假名和数字,但不同的操作系统会导致突变。
ZIP 源文件的内容推荐
对于 ZIP 源文件中的演示内容,请遵循这些指导原则。
- 每个 ZIP 文件必须包含至少一个 HTML 文件及其相应的缩略图 JPEG 文件。例如,02_secondSlide.html 和 02_thumbnail.jpg。
- 每个 HTML 文件必须包含相应的缩略图。
- 缩略图必须是 JPEG 格式。不支持 PNG 和 GIF 文件。
- 如果一个演示页面 ZIP 文件包含超过 100 张幻灯片,我们建议为每组 100 张幻灯片创建单独的页面 ZIP 文件。
- 每个演示页面的 ZIP 文件必须是 1 GB 或更小。
- 演示页面 ZIP 文件中不需要 CSS 和 JavaScript 文件。
- 在每个演示页面 ZIP 文件中,您可以包括多个 HTML、JPEG、CSS 和 JavaScript 文件。
- HTML 和 JPEG 文件必须位于每个演示页面 ZIP 文件的顶级。如果您包括多个 CSS 和 JavaScript 文件,您可以为它们创建文件夹。
- 如果您将演示文稿创建为一个 HTML 文件并使用
<div>元素来表示每个页面,内容将在演示文稿播放器中显示为单个演示文稿页面。
将 PDF 添加到演示文稿
您可以在演示页面 ZIP 文件中包括视频文件,并在演示页面的 HTML 代码中引用视频。此示例演示页面 HTML 代码包括对 PDF 的引用。
<a href="dam/iselling/pdf/example.pdf">EXAMPLE PDF FILE</a>将视频添加到演示文稿
您可以在演示页面 ZIP 文件中包括视频文件,并在演示页面的 HTML 代码中引用视频。视频会显示在演示文稿的该页面上。演示播放器支持这些视频格式。在 HTML 代码中,包含 type 属性。
| 视频格式 | HTML 类型属性 |
|---|---|
| MP4 | "video/mp4" |
| MOV | “video/quicktime” |
| M4V | "video/x-m4v" |
此示例演示页面 HTML 代码包括对 MP4 视频文件的引用。
<video width="320" height="240" controls> <source src="./assets/movie.mp4" type="video/mp4"> Your browser does not support the video tag. </video>使用视频进行远程参与
当您的 Salesforce 组织使用 Twilio 作为服务提供商时,远程会话支持视频。在远程会话期间,嵌入的视频和动画在演示播放器中的行为可能不同。要包含动画,我们建议使用 HTML 或 JavaScript 代码。
链接到演示文稿中的外部内容
您可以从演示页面 HTML 代码链接到外部网页。PDF 或外部内容的链接始终在单独的窗口中打开。要链接到外部网页,使用此格式。
<a href="https://www.google.com/">Google.com</a>有关可在 URL 中包含的字符的详细信息,请参阅 RFC 3986 标准。
将其他内容添加到演示文稿
在演示文稿 ZIP 文件中,您可以将其他内容添加为 PDF 文件,并使用链接从演示文稿中的任何页面引用这些文件。要将 PDF 标记为其他上下文,请在文件名中添加 isadditionalcontent_ 作为前缀。要链接到其他内容 PDF 文件,请使用 gotoSlide() 函数。
当管理员在 Life Sciences 客户参与中上传附加内容作为 ZIP 文件演示的一部分时,附加内容复选框会自动在演示页面记录上选中。当管理员批量上载或更新演示文稿时,他们还可以上载其他内容 PDF 作为演示文稿源文件。
在演示文稿中使用 iFrame
您可以在演示页面 HTML 代码中使用 iFrames。iFrame 支持滚动。支持这些属性。
allowheightnamesandboxsrcsrcdocwidth
在 iPad 上优化 ZIP 文件性能
要确保演示文稿在 iPad 上快速加载并表现良好,请在构建演示文稿页面 ZIP 文件时遵循这些指导原则。
- 在将图像添加到演示文稿之前,请对其进行压缩。
- 避免将大量 JavaScript 逻辑添加到每个页面,例如导航栏、选项卡、工具提示和下拉菜单。
- 请勿使用内容管理系统 (CMS) 生成页面,因为 CMS 会添加不必要的代码并减慢页面加载时间。
- 将复杂页面分为多个简单页面。例如,如果您有一个包含水平或垂直选项卡的页面,请为每个选项卡创建单独的页面。
- 将背景、简单图像或颜色添加到页面加载时显示的正文标记。
- 确保用户使用支持的移动设备。
ZIP 文件演示文稿中的 HTML 页面示例
此示例 HTML 页面列出所有客户并打印他们的姓名。
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel ="stylesheet" href="media/css/style.css">
</head>
<body>
<div id="screen-container">
HELLO
{{#customers}} <!--this is a mustache loop -->
<span id="doc_name" class="template">{{firstName }} {{ lastName }}</span>
{{/customers}}
,<br/>DO YOU WANT TO START THE VISIT?</span>
</div>
</body>
</html>
