桌面網頁檢視器提供現代瀏覽體驗,在電腦上以完整檢視器顯示內容。您可以控制一些設定來定義用戶體驗。

網頁檢視器會在桌面網頁瀏覽器中執行完整的應用程式,包括瀏覽頁導覽、權益登入功能,以及固定版面或以 HTML 為基礎的文章。

 

在桌上型電腦上顯示的網頁檢視器。用戶可以向下捲動頁面、放大或縮小,以及在文章和瀏覽頁之間輕鬆導覽。

設定網頁檢視器

  1. 在隨選入口網站 (https://aemmobile.adobe.com) 中,於左側導軌中選擇「應用程式」。然後選擇「建立 > 桌面網頁檢視器」。

     

  2. 指定「桌面網頁檢視器」設定,並完成程序。

    自訂網域 URL – 指定您已設定要裝載網頁檢視器 URL 之網站的 URL (開頭為 https://)。請參閱本文稍後有關設定自訂網域 URL 的章節。

    隱私權政策 URL – 如果您指定隱私權政策 URL,「隱私權政策」就會在網頁檢視器選單中出現。如果用戶按一下「隱私權政策」,指定的網頁隨即顯示。

    使用條款 URL – 指定描述您應用程式使用條款之網頁的 URL。如果用戶按一下「使用條款」,指定的網頁隨即顯示。

    版權 – 指定出現在網頁檢視器中的版權注意事項。

    顯示選擇加入分析對話框 – 如果您選取此選項,您的客戶就會在檢視內容之前看見選擇加入對話框,讓他們可以選擇退出資料追蹤。不論是否選取此選項,用戶隨時都可以使用網頁檢視器設定來選擇加入或退出。此選項對於您有義務讓用戶可以選擇退出資料追蹤的國家/地區尤其有用。

  3. 如果您想要在網頁檢視器中使用自訂字體,請在 Portal 的「字體」區段中編輯字體,並選取「針對公用桌面網頁檢視器啟用網頁字體」選項。

    如需有關上傳字體的詳細資訊,請參閱「建立卡片和版面:使用自訂字體」。

  4. 發佈內容,以便在網頁檢視器中使用。

  5. 將桌面網頁檢視器提供給您的客戶群使用。

    您可以複製入口網站的「應用程式」區段中所提供的「URL」連結 (請參閱下圖),在您的網站上或透過其他方式將它提供給您的客戶使用。

    如果在專案中同時啟用了「社交分享」和「桌面網頁檢視器」,只要在桌上型電腦或筆記型電腦上按一下分享連結,就會開啟文章的網頁檢視器版本。請參閱「AEM Mobile 應用程式中的社交分享」。

測試網頁檢視器

當您在 Portal 中建立桌面網頁檢視器應用程式之後,在電腦上按一下該連結,在您的瀏覽器中檢視桌面網頁檢視器。

其他網頁檢視器資訊

一般網頁檢視器資訊

  • 如果專案包含平板電腦和手機的頂層系列,網頁檢視器會使用平板電腦的頂層系列。
  • 網頁檢視器無法搭配「預備」選項運作。發佈系列和文章,以便在網頁檢視器中使用。
  • 網頁檢視器無法離線運作。
  • 導覽至瀏覽頁或文章時,會顯示最新版本。當該瀏覽頁或文章已顯示時,網頁檢視器不會偵測到有新的更新。
  • 網頁檢視器瀏覽頁會以 960 像素的固定寬度呈現。以 InDesign 為基礎的文章則會以其目標版面尺寸的寬度呈現。

 

 

系統需求

  • Mac OSX 10.10 或更新版本,包含 Safari、Chrome 或 Firefox 其中兩種最新的瀏覽器版本。
  • Windows 7 或 8.x,包含 Chrome、Firefox 或 Internet Explorer 11 (或更新版本) 其中兩種最新的瀏覽器版本。
  • 平板電腦和手機不支援網頁檢視器.

網頁檢視器只適用於電腦瀏覽器,不適用於行動裝置。如果在手機或平板電腦上開啟網頁檢視器連結,重新導向會移至文章設定中所指定的社交分享登陸頁面。登陸頁面可以包含應用程式商店的連結。系列沒有登陸頁面,因此系列 URL 前往的頁面,會與該裝置適用的應用程式商店連結前往的頁面類似。使用專案設定的「商店」索引標籤,指定應用程式商店連結。

裝載位置

根據預設,網頁檢視器裝載於 Adobe 伺服器,位於 https://viewer.aemmobile.adobe.com。

您可以在自己的網域中裝載網頁檢視器 URL,如本文稍後的章節所述。

導覽

  • 讀者可以使用導覽列來回導覽,將滑鼠指標停留在螢幕底部時會出現導覽列。
將滑鼠指標停留在螢幕底部時會顯示導覽列。

  • navto://relative/parent 格式目前不受支援,但應該很快就能實作。

互動式覆蓋支援和指引

  • 所有以 InDesign 為基礎的覆蓋都受支援。

 

  • 不支援在投影片中滑動。建議您啟用點選以播放或提供上一頁和下一頁按鈕。
  • 對於音訊覆蓋,只完全支援 MP3 檔案。所有瀏覽器中未完全支援其他音訊格式,例如 WAV、MP4 和 OGG。
  • 不支援播放背景音訊檔案。音訊僅限於特定文章。
  • 如果容器覆蓋中的音訊或影片覆蓋設定為自動啟動,當它進入檢視狀態時不會啟動。
  • 對於影片覆蓋,只支援 MP4 和 M4V 格式。若要在 Firefox 中受到完全支援,MIME 類型很重要。外部裝載的影片應該以 video/mp4 MIME 類型提供。此外,影片最好使用 .mp4 副檔名,而非 .m4v。您只需重新命名影片檔案的副檔名。
  • 如果影片覆蓋正在容器覆蓋內播放,而且讀者將容器捲離頁面,影片不會停止播放。
  • 如果網頁覆蓋正在容器內部的狀態,而且讀者變更該狀態,網頁覆蓋會保持作用中。

以 InDesign 為基礎的文章顯示

  • 以 InDesign 為基礎的文章不支援「僅限水平滑動」選項。這些「平面化」文章會垂直顯示。
  • 如果您在 InDesign 中建立平滑捲動文章,在匯出文章檔時,請務必指定目標尺寸 (例如 1024x768),而非頁面尺寸 (例如 1024x3000)。
  • 逐頁捲動的 InDesign 文章在網頁檢視器中顯示時,具有頁面間的分隔符號。
依據設計,逐頁捲動、以 InDesign 為基礎的文章間會顯示間隙。

分析

  • 網頁檢視器目前不支援應用程式內訊息。應用程式內訊息需要 Mobile SDK,但是它無法用於桌上型電腦。
  • 如需有關網頁檢視器所擷取之分析的詳細資訊,請參閱「AEM Mobile 的分析」。

停用網頁檢視器

若要為您的專案停用桌面網頁檢視器,請在入口網站的「應用程式」區段中選取「桌面網頁檢視器」,然後按一下垃圾筒圖示以刪除它。

設定自訂網域 URL

當您設定自訂網域 URL 時,所有應用程式的程式碼和內容依然會裝載於 Adobe 伺服器上,但是對用戶而言就像在您的網域上一樣。

預設網頁檢視器 URL 的範例

https://viewer.aemmobile.adobe.com/index.html#project/abcdefgh-a123-4567-890a-ab1234567890/view/myView/article/myArticle

自訂網頁檢視器 URL 的範例

https://www.mydomain.com/custompage.html#project/abcdefgh-a123-4567-890a-ab1234567890/view/myView/article/myArticle

  1. 在您的網站上裝載簡單的 HTML 頁面。這個網頁可使用您喜歡的任何名稱加以命名。

    您的頁面必須裝載於有效的網域上,而且必須透過 https 來提供服務,而不是 http。您的裝載網域必須擁有相關聯的有效 SSL 憑證。

  2. 在您指定的網頁中包含以下 HTML 程式碼。

    <!DOCTYPE html>
    <html>
    <head>
    	<meta http-equiv="x-ua-compatible" content="IE=edge">
    	<script src="https://viewer.aemmobile.adobe.com/loader.js"></script>
    </head>
    <body></body>
    </html>

    具有 http-equiv="x-ua-compatible” 的 meta 標籤是由 Microsoft Internet Explorer 用來判斷在呈現網頁時應該使用的文件模式。使用此 meta 標籤可針對在 IE 中啟用相容性模式的用戶來避開問題。這個標籤必須加入 IE 的頁面中才能正確解譯,與其他動態加入的 meta 標籤不同。

    指令碼標籤會指向 JavaScript 載入器指令碼,以便動態產生顯示及呈現您的應用程式所需的 HTML 元素。 

  3. 當您在入口網站中建立桌面網頁檢視器應用程式時,請於「自訂網域 URL」欄位中指定您的 URL。為您的自訂裝載頁面指定完整 URL,包括通訊協定和頁面名稱,例如 https://www.mydomain.com/custompage.html

     

  4. 當您建立桌面網頁檢視器應用程式之後,按一下「URL」即可在您目前的瀏覽器中顯示內容。您的自訂網域應該會用於此 URL。

自訂網域裝載目前還未正式支援額外指令碼、程式庫或其他內容的使用。特別是任何會修改頁面的 DOM 或是將視覺元素加入頁面中的程式碼 (例如廣告程式庫) 都不受支援,而且可能會產生非預期的行為。此外,將其他 CSS 樣式加入頁面中可能會產生非預期的行為或視覺假象。

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策