Adobe Experience Manager | Update – PDF Viewer機能の紹介

by アドビ カスタマーサクセス

Posted on 11-24-2020

Adobe Experience Manager (以下、AEM) コンポーネントに拡充された「PDF Viewer」を紹介いたします。

AEMのCore Componentは日々拡充を続けております。
今回拡充されたComponent「PDF Viewer」によって、以下のことが可能になります。

また、Adobe Analyticsと連携することにより、以下のメリットを享受できるようになります。

文章の体裁やフォントの種類、またはレイアウトの構造など、環境に依存しない高品質なExperienceを提供できるPDFですが、AEMコンポーネントにPDF Viewerが登場することによって、高品質なWeb体験をシームレスに、そして計測可能な状態で利用できるようになります。

experience cloudとdocument cloud

Document Services PDF Embed API デモサイト

https://documentcloud.adobe.com/view-sdk-demo/index.html

こちらのサイトで、PDF Embed APIのデモをご覧いただけます。

  1. Full Window

    • ファイルの保管や業務効率アプリケーション上での表示に適した埋め込み方法です。ブラウザ全画面表示でPDFを埋め込み表示します。ユーザーが書類を読んだり、諸々の操作をしたりする際に適した埋め込み方法です。
  2. Sized Container

    • プレゼンテーションに適した埋め込み方法です。Webページ内に指定したWidth,HeightでPDFを表示します。かつ、Slide Showナビゲーションやランドスケープモードによる表示などの機能も有します。
  3. In-Line

    • 事例集、ホワイトペーパー、チラシ、E-Bookなど適した埋め込み方法です。WebページやAppの中に、あたかもコンテンツのようにPDFを表示することができます。HTMLコンテンツとPDFコンテンツの見た目の境界をなくすことができます。
  4. Lightbox

    • Webサイトや資料ポータル、Emailの拡張コンテンツとして、モーダルウインドウ内にPDFを表示する機能を埋め込むことができます。

AEM / Core Componentライブラリー – PDF Viewer

https://www.aemcomponents.dev/content/core-components-examples/library/page-authoring/pdf-viewer.html

AEMのCore Componentライブラリーです。現在利用可能なComponentをリストアップしており、サンプルをもとに利用方法の理解促進が図れます。
それぞれのComponentについて、サンプルコード、AdobeヘルプセンターやGithubへのリファレンスも付随しており、テクニカルなリファレンスサイトとしてもご利用いただけます。

AEM /Core Component PDF Viewer のハイライト

AEM のCore Component「PDF Viewer」を利用したページ作成イメージを紹介いたします。

PDF Viewer利用イメージ

Adobe Analyticsで実現するPDFの閲覧計測

Adobe Analytics連携Adobe Analyticsと連携することにより、Webページに埋め込まれたPDFを詳細に計測することができるようになります。是非、以下のAdobe Blogの記事もご参照ください。

Adobe Analyticsで実現するPDFの閲覧計測

https://blogs.adobe.com/japan/dx-adobe-analytics-pdf-track/embed/#?secret=ormqrBplCP

前提条件:

設定⽅法:

この記事のPDFファイルはこちら
「Adobe Experience Manager | Update – PDF Viewer機能の紹介」
https://landing.adobe.com/content/dam/landing/uploads/2020/jp/dxcsm/2020-10_AEM_PDFViewer.pdf

Topics: デジタルトランスフォーメーション, 戦略/組織/プロセス, Products: Document Cloud, Experience Cloud, Analytics, Experience Manager,