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

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
  1. Sized Container
  1. In-Line
  1. Lightbox


https://documentcloud.adobe.com/view-sdk-demo/index.html#/view/FULL_WINDOW/Bodea%20Brochure.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へのリファレンスも付随しており、テクニカルなリファレンスサイトとしてもご利用いただけます。


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

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