プレゼンテーションのソースとしての ZIP ファイル
インテリジェントコンテンツプレゼンテーションのソースとして ZIP ファイルを使用するには、プレゼンテーションのページごとに個別の ZIP ファイルを作成します。個々の ZIP ファイルには、プレゼンテーションページの HTML コンテンツを含めます。Life Sciences Customer Engagement では、ページがプレゼンテーションにグループ化され、各ページがプレゼンテーションプレーヤーに個別に表示されます。また、システム管理者は各プレゼンテーションページを商品と主要なメッセージに関連付けることができ、Salesforce は各ページのプレゼンテーション総計値を追跡するため、経時的なパフォーマンスの分析と改善を行うことができます。
必要なエディション
| 使用可能なインターフェース: Lightning Experience |
| 使用可能なエディション: Life Sciences Cloud、Life Sciences Cloud for Customer Engagementアドオン ライセンス、Life Sciences Customer Engagement管理パッケージが付属するEnterprise Editionおよび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 ファイルをライフサイエンスカスタマーエンゲージメントにアップロードすると、プレゼンテーションページがアルファベット順に並び替えられます。
- 各ページの ZIP ファイル名には XX_name.zip の形式を使用します。XX はページ番号、name は内容を説明するタイトルです。ページ番号は 2 文字以下にする必要があります。内容を説明するタイトルは 2 文字以上である必要があります。
- ファイル名のサイズを 960 バイト以下に制限します。
- 有効な文字は、A ～ Z、a ～ z、および 0 ～ 9 です。
- HTML ファイル名にスペースを含めることはできません。
- ライフサイエンス顧客エンゲージメントで管理者がアップロードするプレゼンテーションの場合:
- 次の特殊文字がサポートされます: -、.、_、!、*、’、(、)
- /、\、および `“ と `” の組み合わせの特殊文字はサポートされていません。
- 他の特殊文字は使用しないことをお勧めします。
- コンテンツ管理 Connect API を介してアップロードされたプレゼンテーションでは、特殊文字はサポートされません。
- ファイル拡張子は大文字と小文字が区別され、小文字である必要があります (.jpg など)。
- 2 バイトの仮名、カタカナ、数字がサポートされていますが、オペレーティングシステムが異なると変異が生じる可能性があります。
ZIP ソースファイルのコンテンツレコメンデーション
ZIP ソースファイルのプレゼンテーションコンテンツについては、次のガイドラインに従ってください。
- 各 ZIP ファイルには、少なくとも 1 つの HTML ファイルと対応するサムネイル JPEG ファイルが含まれている必要があります。たとえば、02_secondSlide.html と 02_thumbnail.jpg です。
- 各 HTML ファイルには、対応するサムネイルを含める必要があります。
- サムネイルは JPEG 形式である必要があります。PNG および GIF ファイルはサポートされていません。
- 1 つのプレゼンテーションページの ZIP ファイルに 100 枚を超えるスライドが含まれている場合、100 枚のスライドのセットごとに個別のページ ZIP ファイルを作成することをお勧めします。
- 各プレゼンテーションページの ZIP ファイルは 1 GB 以下にする必要があります。
- プレゼンテーションページの ZIP ファイルでは、CSS ファイルと JavaScript ファイルは必要ありません。
- 各プレゼンテーションページの ZIP ファイルには、複数の HTML、JPEG、CSS、JavaScript ファイルを含めることができます。
- HTML ファイルと JPEG ファイルは、各プレゼンテーションページの ZIP ファイルの最上位にある必要があります。複数の CSS ファイルと JavaScript ファイルを含める場合、これらのフォルダーを作成できます。
- プレゼンテーションを 1 つの HTML ファイルとして作成し、
<div>要素を使用して各ページを表す場合、コンテンツはプレゼンテーションプレーヤーで 1 つのプレゼンテーションページとして表示されます。
プレゼンテーションへの 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 コードから外部 Web ページにリンクできます。PDF または外部コンテンツへのリンクは常に別のウィンドウで開きます。外部 Web ページにリンクするには、次の形式を使用します。
<a href="https://www.google.com/">Google.com</a>URL に含めることができる文字の詳細については、RFC 3986 標準を参照してください。
プレゼンテーションへの追加コンテンツの追加
プレゼンテーションの ZIP ファイルでは、PDF ファイルとして追加コンテンツを追加し、リンクを使用してプレゼンテーションの任意のページからそれらのファイルを参照できます。PDF を追加コンテキストとしてマークするには、ファイル名にプレフィックスとして isadditionalcontent_ を追加します。追加のコンテンツ PDF ファイルにリンクするには、gotoSlide() 関数を使用します。
ライフサイエンスカスタマーエンゲージメントで ZIP ファイルプレゼンテーションの一部としてシステム管理者が追加コンテンツをアップロードすると、プレゼンテーションページレコードで [追加コンテンツ] チェックボックスが自動的にオンになります。管理者は、プレゼンテーションを一括でアップロードまたは更新するときに、追加のコンテンツ PDF をプレゼンテーションソースファイルとしてアップロードすることもできます。
プレゼンテーションでの iFrame の使用
プレゼンテーションページの HTML コードで iFrames を使用できます。スクロールは iFrame 内でサポートされます。次の属性がサポートされます。
allowheightnamesandboxsrcsrcdocwidth
iPad での ZIP ファイルのパフォーマンスの最適化
iPad でプレゼンテーションをすばやく読み込んで適切に実行できるように、プレゼンテーションページの ZIP ファイルを作成するときは次のガイドラインに従ってください。
- プレゼンテーションに追加する前に画像を圧縮します。
- ナビゲーションバー、タブ、ツールチップ、ドロップダウンメニューなど、広範な JavaScript ロジックを各ページに追加しないでください。
- コンテンツ管理システム (CMS) を使用してページを生成しないでください。CMS によって不要なコードが追加され、ページの読み込み時間が遅くなる可能性があります。
- 複雑なページを複数のシンプルなページに分割します。たとえば、1 つのページに横方向または縦方向のタブがある場合、代わりにタブごとに個別のページを作成します。
- ページの読み込み中に表示される背景、シンプルな画像、色を body タグに追加します。
- ユーザーがサポートされているモバイルデバイスを使用していることを確認します。
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>