預覽廣告素材

按一下預覽按鈕 即可查看廣告素材，並嘗試使用不同設定。

• 找出預覽按鈕：如果想快速找出這個按鈕，請前往廣告活動頁面 (或廣告客戶的「廣告素材」分頁)，將滑鼠游標懸停在所需廣告素材的資料列上，或者直接開啟所需廣告素材。如要瞭解所有按鈕的位置，請參閱下文。

• 嘗試使用預覽設定：按一下預覽視窗中的「顯示詳細資料」圖示 ，即可顯示額外的詳細資訊和預覽選項。此外，您也可以利用預覽視窗頂端的各個按鈕，查看廣告素材在不同網站、裝置和瀏覽器中顯示的樣式。如要瞭解相關設定，請參閱下文。

預覽視窗會根據 Campaign Manager 360 中的廣告素材屬性載入廣告素材，無論您是否已儲存最新的編輯內容。

根據您在 Campaign Manager 360 中預覽廣告素材的所在位置，系統可能不會提供某些預覽選項。舉例來說，假如您是在廣告客戶的「廣告素材」分頁進行預覽，就無法針對所有廣告素材類型測試最終到達網頁。  

本文討論的主題

一般預覽選項

下列預覽選項適用於大多數廣告素材類型：

• 透過網站預覽：在電腦版預覽模式中，開啟 [網站] 選單並選取 [自訂網址]，然後輸入想預覽廣告素材所在網站的完整網址。注意：網站必須設有與您要預覽的廣告素材相同大小的廣告刊登位置，才能顯示廣告素材預覽。

• 裝置與瀏覽器類型：如需詳細步驟，請按這裡。我們會在「互動式多媒體」部分中提供相關說明 (這個選項僅適用於圖片和互動式多媒體)。

• 廣告素材中的備用素材資源和圖片素材資源：開啟廣告素材屬性頁面，然後按一下所需素材資源旁的預覽按鈕。

• 按照廣告素材類型預覽相關功能：大多數廣告素材類型都有專屬的功能，例如影片預覽功能，或是互動式多媒體元素的相關設定。詳情請參閱下文。

• 事件記錄：您可以使用事件記錄查看特定事件，例如到達網頁。視您在 Campaign Manager 360 中預覽廣告素材的所在位置 (例如透過廣告或廣告素材頁面) 而定，到達網頁可能會有所不同。請一律查看最終到達網頁的實際刊登位置代碼。

所有預覽按鈕的位置

廣告活動檢視畫面

• 找出包含廣告素材的列。將滑鼠游標移至列名稱上方，然後按一下預覽按鈕。

廣告屬性

• 開啟內含廣告素材的廣告。預覽按鈕位於「廣告素材分配」部分 (如果您要預覽的是預設廣告，則預覽按鈕位於「預設廣告素材」部分)。

廣告素材屬性

• 這個按鈕位於屬性視窗下方的 [儲存] 按鈕旁邊。

• 在各個廣告素材資源 (例如串流內放送檔案) 旁找出這個按鈕。

• 您可在廣告素材屬性頁面中預覽標準或互動式多媒體廣告素材。

廣告客戶的廣告素材分頁

• 在帳戶層級點選左選單中的 [所有廣告客戶]，然後選擇所需廣告客戶。預覽按鈕位在「廣告素材」分頁的「預覽」欄中。

互動式多媒體和 VPAID 預覽

請參閱下方說明來瞭解預覽視窗的各個部分，文章最後還提供快速的疑難排解工具。請注意，只有在預覽整個廣告素材時，系統才會提供互動式多媒體預覽選項。預覽廣告素材中個別的備用素材資源或圖片素材資源時，無法使用互動式多媒體預覽選項。其中包括 VPAID 廣告素材。

嘗試使用不同裝置或瀏覽器類型

行動廣告素材類型都會在預覽視窗頂端提供「預覽位置」選單。利用這個選單，即可將行動 HTML5 廣告素材傳送至手機或平板電腦上的「Creative Preview」應用程式。「Creative Preview」是支援 Android 和 iOS 的行動應用程式，可協助您運用行動廣告 SDK 測試廣告素材。瞭解詳情

如果沒有「Creative Preview」應用程式，可以按一下遠端按鈕 ，透過其他裝置或其他類型的瀏覽器預覽廣告素材。這項功能僅適用於圖片或互動式多媒體廣告素材，

• 透過其他裝置預覽：按一下預覽視窗頂端的遠端按鈕，用您的行動裝置掃描 QR code (您必須事先安裝 QR 掃描器應用程式)，然後前往載入的網址。

  另一種做法是，在 QR code 底下的連結上按一下滑鼠右鍵、複製網址，然後傳送到您的裝置上 (例如透過電子郵件傳送)。

• 透過其他瀏覽器預覽：按一下預覽視窗頂端的遠端按鈕，在 QR code 下的連結上按一下滑鼠右鍵並複製網址，然後將網址貼到其他瀏覽器視窗中。

系統會將您在預覽視窗中所做的任何變更，自動更新至其他裝置或瀏覽器視窗中的廣告素材。

使用這項功能有什麼好處？

您可利用這項功能迅速確認廣告素材在其他裝置或瀏覽器類型上是否能正確顯示。例如，您可能會想檢查某個互動式多媒體廣告素材是否能在 Chrome 和 Firefox 瀏覽器中順利運作。

網站

選擇您要預覽廣告素材所在網站的類型。在電腦版預覽模式中，開啟 [網站] 選單並選取以下其中一項：

• 空白網頁：在空白網頁上查看廣告素材。

• 範例網站：查看放置在範例網頁版面配置中某個版位內的廣告素材。這個網頁包括假造網頁版面配置上的各種刊登位置 (例如標題和側欄)。Campaign Manager 360 會將您的廣告素材置於最符合廣告素材尺寸的刊登位置中。

• 自訂網址：輸入外部網址，即可在外部網頁 (例如放送廣告的網站) 中預覽廣告素材。這個網址可以指向任何網站，但 Campaign Manager 360 必須能夠偵測到與您要預覽的廣告素材相同大小的廣告刊登位置，才能顯示廣告素材預覽畫面。

廣告素材詳細資料

按一下「顯示詳細資料」圖示 ，再展開 [廣告素材詳細資料] 面板，即可查看廣告素材的名稱、類型、模式、尺寸和建立日期/上次修改日期。

顯示屬性

如要調整廣告素材的顯示設定，請按一下「顯示詳細資料」圖示 ，再展開 [顯示屬性] 面板。初次開啟預覽畫面時，系統會根據實際的廣告素材載入相關屬性。

1. 編輯「顯示屬性」部分中的欄位。由於部分屬性只能在 Studio 中進行編輯，因此您無法變更相關欄位。

   如果您預覽的廣告素材內含多個部分，其屬性也會分隔成獨立的區段。

2. 如要根據變更重新整理廣告素材，請按 Enter 鍵或在新欄位中按一下滑鼠。

   請注意，如果您設定了顯示開始時間 (例如，延遲數秒後才顯示廣告素材)，系統會等到所設秒數過去之後，才顯示新的版本。

3. 如果您對在預覽中所做的屬性變更感到滿意，按一下 [儲存] 即可將它們儲存到實際的廣告素材。

   如要重新開始，請按一下 [捨棄變更]，系統隨即捨棄您的變更，並重新載入原始預覽。除非按下 [儲存]，否則您在預覽畫面中所做的變更不會影響實際的廣告素材。

如需關於「位置」的額外指南，請參閱下一節的說明。

位置

您可以利用預覽的「顯示屬性」部分中「位置」底下的設定，調整廣告素材在刊登位置中的位置。您可以輸入數值，或使用滑鼠游標或方向鍵移動廣告素材。

• 輸入數值：輸入廣告素材與網頁頂端和左側的距離，即可設定廣告素材的位置。請在 [頂端] 和 [左側] 欄位中輸入數值。您可以輸入像素數目或尺寸的百分比。

  • 舉例來說，在 [頂端] 欄位中輸入 10 像素，可將廣告素材從視窗頂端移動 10 個像素的距離。在 [頂端] 欄位中輸入 10%，則可將廣告素材與頂端的距離設為總高度的 10% (也就是從底部算位於總高度 90% 的位置)。

• 游標/方向鍵：按一下 [啟用拖曳功能] 即可用游標或方向鍵手動移動廣告素材。

  • 滑鼠游標：使用滑鼠拖放廣告素材。如果您只想往同一方向移動廣告素材 (例如只要上下移動，而不要左右移動)，可以勾選 [鎖定位置]。

  • 方向鍵：使用方向鍵可以更精確地定位。每按一次方向鍵，廣告素材就會往該方向移動 1 個像素的距離；同時按住 SHIFT 鍵可將速率提高到 10 個像素。

事件

按一下 [事件摘要]，即可查看及篩選廣告素材事件的匯總資料。

• 類型篩選器：選擇要在下方列出 [全部] 事件、[自訂] 事件，還是 [標準] 事件。按一下清單上方的標題，即可依據名稱、類型、計數和時間等標題將事件排序，變更所列事件的排列順序。

• 顯示篩選器：這種篩選器可變更系統在預覽中顯示的事件。選擇 [全部] 可在預覽畫面中同時顯示已觸發和尚未觸發的事件；選擇 [已觸發] 可讓預覽畫面只顯示已觸發的事件；選擇 [未觸發] 則可讓預覽畫面只顯示尚未觸發的事件 (上述選項也可變更系統在事件摘要中列出的事件)。

• 如要搜尋特定事件，請在「事件名稱」搜尋框中輸入所需事件的名稱。

什麼是事件？

廣告素材內含程式碼，用於記錄其本身行為以及使用者互動情形的相關資訊。事件就是廣告素材程式碼要記錄的任何對象，可能是廣告素材的行為 (及隨後記錄下來的資訊)，例如在瀏覽器中展開，也可能是使用者的行為，例如將滑鼠游標移到動畫上。

系統會自動啟用、測量所有互動式多媒體廣告素材的標準事件，並產生相關報表。標準事件包括點擊、顯示時間以及影片播放頻率。Studio 設計人員可以針對 HTML5 廣告素材設定專屬的自訂事件。自訂事件可以包括特定種類的離開事件，或是廣告素材特定行為的計時器。

Studio 使用者可以前往 Studio 說明中心進一步瞭解事件 (也稱為「指標」)。

事件記錄

事件紀錄會顯示所有已發生的標準事件和自訂事件，其中包括事件發生的時間。此外，事件紀錄也會記錄觸發離開事件、展開廣告素材、以全螢幕模式查看廣告素材，或將滑鼠游標指向廣告超過 1 秒時所產生的曝光。

按一下 [清除紀錄] 即可清除所有事件紀錄。

我的廣告素材沒有出現！

檢查預覽視窗內「顯示屬性」部分中的設定：

• 位置：假如您在 [頂端] 或 [左側] 欄位中輸入的像素數目過大，廣告素材的位置可能會在畫面以外。請降低像素數目，然後按 Return 鍵。如果您預覽的廣告素材有多個素材資源，請確定沒有任何元素隱藏在其他元素之後。

• 顯示開始時間/顯示時間長度：請檢查並確定顯示開始時間未設定為 [無] 或延遲時間過長，以及時間長度未設為 0。

VPAID 預覽

VPAID 廣告素材也屬於互動式多媒體，不過當中的素材資源使用串流內影片播放器，與其他的互動式多媒體廣告素材不同。您可以利用廣告活動檢視畫面或廣告素材屬性頁面中的預覽按鈕來預覽整個廣告素材，或者預覽個別的圖片素材資源和備用的素材資源放送檔案。

預覽整個廣告素材時，系統會提供互動式多媒體預覽選項。相關說明請參閱上述的「一般預覽選項」一節。

串流內影片預覽

預覽串流內影片的步驟

1. 開啟所需廣告素材。

2. 按一下「預覽」或 圖示。預覽畫面的影片播放器方向會與影片來源檔案相符。

3. 按一下「顯示詳細資料」圖示 ，查看「廣告素材詳細資料」、「事件摘要」和「事件記錄」。瞭解如何測試廣告事件

4. 如要查看影片在不同解析度下的顯示效果，請在「影片解析度」底下選取所需尺寸。假如選單中沒有您想要的尺寸，請前往畫面底部並按一下 [加入新的大小]，即可輸入要預覽的自訂寬度和高度。自訂影片解析度只能用於預覽，不會影響投放的刊登位置大小。

5. 如要在裝置上預覽影片，請安裝 Creative Preview 應用程式，然後開啟「預覽位置」選單並按一下「掃描 QR code」，畫面上會隨即顯示 QR code。使用 Creative Preview 應用程式掃描 QR code 即可預覽影片。

6. 如要從頭播放影片，請按一下「重新整理」圖示 。

串流內音訊預覽

預覽串流內音訊的步驟

1. 按一下廣告素材屬性頁面頂端的預覽按鈕 。
2. 在行動模式中，系統會透過裝置模擬畫面顯示音訊廣告預覽。使用畫面底部的音訊播放器控制項，即可播放廣告素材的音訊。
   • 播放音訊檔案時，裝置模擬畫面會顯示為黑色。
   • 裝置類型不會影響音訊廣告預覽體驗。
3. 如果您的音訊廣告含有隨播廣告素材，請選取 [素材資源預覽模式]。當您預覽音訊廣告時，畫面上也會顯示隨播廣告素材。如要選擇想查看的廣告素材大小，請按一下 [隨播廣告素材大小] 選單。
4. 如要預覽特定放送檔案，請在「放送的檔案」部分中點選該檔案旁的預覽按鈕。在隨即顯示的視窗中，您可以循環播放每個放送檔案，但無法檢查事件或嘗試使用不同屬性。
5. 如果想在主要預覽畫面中預覽特定放送檔案，請按照下列步驟操作：
   1. 在廣告素材屬性頁面的「納入放送」底下，將該放送檔案設定為 [開啟]。
   2. 將所有其他放送檔案設定為 [關閉]，確保 Campaign Manager 360 影片播放器一定會採用該特定放送檔案。
   3. 按一下廣告素材屬性頁面頂端的預覽按鈕。

動態廣告素材預覽

動態廣告素材會提供額外的設定，讓您能夠在草稿和已發布的動態內容之間來回切換。如要切換顯示的內容，請按一下「顯示詳細資料」圖示 ，再展開 [動態預覽設定] 面板，接著選取 [草稿] 或 [已發布]，然後按一下 [套用]。

什麼是動態元素？

如果您使用動態廣告素材，在 Campaign Manager 360 的廣告活動檢視畫面或廣告客戶的「廣告素材」分頁中，該廣告素材旁邊會顯示動態廣告素材圖示 與 ID。

您可以根據不同環境，替動態廣告素材設定不同的樣式或行為。這是因為動態廣告素材支援動態元素，而這些元素可根據開發人員所選的規則進行變化。

動態元素可根據多種規則類型做出變化，其中包括關鍵字、國家/地區代碼、Campaign Manager 360 廣告 ID 或自訂鍵/值組合。

舉例來說，假設您的廣告素材設有一項規則，這項規則會根據 Campaign Manager 360 偵測到的國家/地區代碼，向德國和法國的使用者顯示不同圖片。在此情況下，圖片是動態元素，而廣告素材設定的規則會根據國家/地區代碼使用不同圖片。

系統會將動態廣告素材從 Studio 推送至 Campaign Manager 360。如要進一步瞭解如何使用動態廣告素材，請參閱 Studio 說明中心的相關指南。

HTML5 素材資源預覽

如果您的多媒體廣告素材包含 HTML5 素材資源，按一下預覽視窗左上方的 [HTML5] 即可查看素材資源。

點擊廣告代碼預覽

如要查看素材資源中的點擊廣告代碼，請預覽所需廣告素材，按一下「顯示詳細資料」圖示 ，再展開 [事件記錄] 面板。按一下廣告素材，畫面上就會顯示該廣告素材所觸發的點擊廣告代碼項目。