프레젠테이션의 소스로 ZIP 파일
ZIP 파일을 인텔리전트 콘텐츠 프레젠테이션의 소스로 사용하려면 프레젠테이션의 각 페이지에 대해 별도의 ZIP 파일을 만듭니다. 각 개별 ZIP 파일에 프레젠테이션 페이지의 HTML 콘텐츠를 포함합니다. 생명 과학 고객 참여에서 페이지가 프레젠테이션으로 그룹화되고 각 페이지가 프레젠테이션 플레이어에 별도로 표시됩니다. 또한 관리자는 각 프레젠테이션 페이지를 제품 및 주요 메시지와 연결할 수 있으며, Salesforce는 각 페이지에 대한 프레젠테이션 메트릭을 추적하여 시간에 따른 성능을 분석하고 향상할 수 있습니다.
필수 Edition
| 지원 제품: Lightning Experience |
| 지원 제품: Life Sciences Cloud, Customer Engagement용 Life Sciences Cloud 추가 기능 라이센스, Life Sciences Customer Engagement 관리형 패키지가 포함된 Enterprise 및 Unlimited Edition. |
생명 과학 고객 참여가 프레젠테이션 및 페이지를 다운로드하고 프레젠테이션 플레이어가 HTML, CSS, JavaScript 코드를 실행하여 각 페이지를 표시합니다.
프레젠테이션 페이지 내용
각 프레젠테이션 페이지의 ZIP 파일에 다음 항목을 포함합니다.
| 컨텐츠 | 필수 | 상세 설명 |
|---|---|---|
| HTML 파일 | 필수 | HTML 파일에는 각 슬라이드의 코드가 포함됩니다. 각 HTML 파일 이름에 XX_name.html 형식을 사용합니다. 여기서 XX는 슬라이드 번호입니다. 01페이지부터 시작하고 각 추가 페이지에 대해 순차적으로 증분합니다. HTML 파일에서 스타일 및 작업에 대한 CSS 및 JavaScript 파일을 참조합니다. |
| JPEG 파일 | 필수 | JPEG는 각 페이지의 축소판 이미지를 나타냅니다. 각 JPEG 파일 이름에 XX_thumbnail.jpg 형식을 사용합니다. 여기서 XX는 페이지 번호입니다. 축소판 이미지 크기를 3050KB 미만 또는 2.97MB로 제한합니다. 각 이미지의 최적 해상도는 328 x 232픽셀입니다. 다른 해결 방법의 경우 이미지는 Aspect Fill 메서드를 사용합니다. |
| CSS 및 JavaScript 파일 | 선택 사항 | HTML 파일이 참조하는 정적 자원입니다. |
ZIP 소스 파일에 대한 파일 이름 권장 사항
PDF 파일 이름은 다음 지침을 따르십시오. 관리자가 Life Sciences 고객 참여에 프레젠테이션 ZIP 파일을 업로드하면 프레젠테이션 페이지가 알파벳순으로 정렬됩니다.
- 각 페이지의 ZIP 파일 이름에 XX_name.zip 형식을 사용합니다. 여기서 XX는 페이지 번호이고 이름은 설명 제목입니다. 페이지 번호는 2자를 초과할 수 없습니다. 설명 제목에는 2자 이상 포함되어야 합니다.
- 파일 이름 크기를 960바이트 이하로 제한합니다.
- 유효한 문자는 A~Z, a~z 및 0~9입니다.
- HTML 파일 이름에는 공백을 포함할 수 없습니다.
- 관리자가 생명 과학 고객 참여에서 업로드하는 프레젠테이션의 경우:
- 다음 특수 문자가 지원됩니다. -, ., _, !, *, ', (, )
- 다음 특수 문자는 지원되지 않습니다. /, \, ` 및 ` ` 조합
- 다른 특수 문자를 사용하지 않는 것이 좋습니다.
- 콘텐츠 관리 Connect API를 통해 업로드된 프레젠테이션의 경우 특수 문자가 지원되지 않습니다.
- 파일 확장자는 대/소문자를 구분하며 소문자여야 합니다(예: .jpg).
- 이중 바이트 kana, katakana, 숫자가 지원되지만, 다른 운영 체제로 인해 변형이 발생할 수 있습니다.
ZIP 소스 파일에 대한 콘텐츠 권장 사항
ZIP 소스 파일의 콘텐츠를 표시하려면 다음 지침을 따르십시오.
- 각 ZIP 파일에는 HTML 파일과 해당 축소판 이미지 JPEG 파일이 하나 이상 포함되어야 합니다. 예를 들어, 02_secondSlide.html 및 02_thumbnail.jpg입니다.
- 각 HTML 파일에는 해당 축소판 그림이 포함되어야 합니다.
- 축소판 그림은 JPEG 형식이어야 합니다. PNG 및 GIF 파일은 지원되지 않습니다.
- 하나의 프레젠테이션 페이지 ZIP 파일에 슬라이드가 100개가 넘는 경우 100개의 슬라이드의 모든 집합에 대해 별도의 페이지 ZIP 파일을 만드는 것이 좋습니다.
- 각 프레젠테이션 페이지 ZIP 파일은 1GB 이하여야 합니다.
- CSS 및 JavaScript 파일은 프레젠테이션 페이지 ZIP 파일에 필요하지 않습니다.
- 각 프레젠테이션 페이지 ZIP 파일에 여러 HTML, JPEG, CSS, JavaScript 파일을 포함할 수 있습니다.
- HTML 및 JPEG 파일은 각 프레젠테이션 페이지 ZIP 파일의 최상위 수준에 있어야 합니다. 여러 CSS 및 JavaScript 파일을 포함할 경우 해당 파일에 대한 폴더를 만들 수 있습니다.
- 프레젠테이션을 하나의 HTML 파일로 만들고 각 페이지를 나타내는
<div>요소를 사용하는 경우 콘텐츠가 프레젠테이션 플레이어에 단일 프레젠테이션 페이지로 표시됩니다.
프레젠테이션에 PDF 추가
프레젠테이션 페이지의 우편 번호 파일에 비디오 파일을 포함하고 프레젠테이션 페이지의 HTML 코드에서 비디오를 참조할 수 있습니다. 이 예제 프레젠테이션 페이지 HTML 코드에는 PDF에 대한 참조가 포함되어 있습니다.
<a href="dam/iselling/pdf/example.pdf">EXAMPLE PDF FILE</a>프레젠테이션에 비디오 추가
프레젠테이션 페이지의 우편 번호 파일에 비디오 파일을 포함하고 프레젠테이션 페이지의 HTML 코드에서 비디오를 참조할 수 있습니다. 비디오는 프레젠테이션의 해당 페이지에 표시됩니다. 프레젠테이션 플레이어는 다음 비디오 형식을 지원합니다. HTML 코드에 type 특성을 포함합니다.
| 비디오 형식 | HTML 유형 특성 |
|---|---|
| MP4 | "video/mp4" |
| MOV | "비디오/빠른 시간" |
| 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() 함수를 사용합니다.
관리자가 생명 과학 고객 참여의 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>
