原生影片廣告行為和功能支援

除了原生多媒體廣告外，Google Ad Manager 也可讓您透過影片應用程式安裝廣告、影片內容廣告或自訂格式，在各種支援原生影片廣告的平台上打造豐富影片體驗。您可以在單一原生廣告版位中放送影片或多媒體格式。

原生影片廣告行為

Ad Manager 的原生影片廣告可為您提供完整的原生樣式選項，包括適用於電腦版網站、行動版網站和行動應用程式請求的自動調整大小功能。原生影片廣告會展現以下行為：

影片播放	如果瀏覽器並未設限，影片會自動播放。若瀏覽器不允許自動播放，系統會顯示代表圖片，使用者必須按一下圖片，影片才會開始播放。當影片播放畫面離開使用者視線 (例如切換到另一個分頁) 時，某些瀏覽器的行為也可能不同。這可能會導致 Active View 和影片播放完成數據產生差異。超過 50% 的影片離開檢視範圍時自動暫停；50% 的影片進入檢視範圍時恢復播放。如果在播放影片時開啟新分頁，影片播放不一定會完全暫停。在這些情況下，影片播放行為可能因瀏覽器而有所不同。程式輔助原生影片廣告僅可向採用 Wi-Fi 連線的使用者放送。對於非程式輔助廣告，所有流量都可使用影片
音效	以靜音模式開始自動播放使用者必須點擊才會啟用音效

影片播放

如果瀏覽器並未設限，影片會自動播放。若瀏覽器不允許自動播放，系統會顯示代表圖片，使用者必須按一下圖片，影片才會開始播放。
當影片播放畫面離開使用者視線 (例如切換到另一個分頁) 時，某些瀏覽器的行為也可能不同。這可能會導致 Active View 和影片播放完成數據產生差異。
超過 50% 的影片離開檢視範圍時自動暫停；50% 的影片進入檢視範圍時恢復播放。如果在播放影片時開啟新分頁，影片播放不一定會完全暫停。在這些情況下，影片播放行為可能因瀏覽器而有所不同。
程式輔助原生影片廣告僅可向採用 Wi-Fi 連線的使用者放送。對於非程式輔助廣告，所有流量都可使用影片

音效

以靜音模式開始自動播放
使用者必須點擊才會啟用音效

功能支援與限制

原生影片廣告支援應用程式和網站刊登位置、所有預訂、直接交易和間接程式輔助支援。以下詳情適用於原生影片廣告：

轉譯	原生樣式或自訂行動應用程式顯示
影片託管	Ad Manager 代管或第三方 VAST 如果是由 Ad Manager 代管，您可以選擇上傳影片素材資源，或提供素材資源來源網址做為廣告素材使用。素材資源必須是支援的格式，以便 Ad Manager 自動將其指定為 Mezzanine 檔案，並用於轉碼為所有可用的格式和大小。
代管影片大小上限	512 MB*
曝光追蹤	播放器開始播放廣告後，系統就會計算原生影片廣告曝光次數，以符合影片的業界標準。如果是自訂原生廣告範本的行動應用程式自訂顯示，您的應用程式必須呼叫 `recordImpression` 方法。
使用的播放器	Android：EXO 播放器 iOS：Google 影片播放器網路：包裝在 WebView 中的 HTML5 播放器
需要的 SDK (行動應用程式專用)	原生樣式 Android Google Mobile Ads SDK 9.0 以上版本 iOS 7.16.0 以上版本自訂顯示 Android Google Mobile Ads SDK 10.2 以上版本 iOS 7.16.0 以上版本

* 沒有 Ad Manager 360 帳戶的聯播網最多可包含 30 MB 的代管影片。

限制

VPAID 影片廣告與原生影片廣告不相容
廣告素材預覽目前不支援原生影片廣告
程式輔助保證的發布商管理廣告素材支援自訂原生影片廣告；由廣告主提供的首選交易廣告素材則不支援自訂原生影片廣告。請參閱程式輔助直接交易支援的廣告素材類型。
目前只提供橫幅廣告或動態饋給內置刊登位置，並未提供插頁式廣告

您提供 Google 使用的所有內容都必須符合服務條款。

透過 SDK 請求原生影片廣告

透過標準多媒體橫幅廣告程式碼，即可呼叫應用程式的原生影片廣告。

如要在原生廣告版面配置中包含主要圖片素材資源，必須使用 MediaView 素材資源，而不是 ImageView 素材資源。請參閱開發人員指南，瞭解導入作業和可用的自訂選項。

HTML 與 CSS 規定

為原生影片廣告設定樣式時，應該將影片播放器放在 HTML 元素中 (包含 #%NATIVE_VIDEO_WRAPPER%# 巨集的 div 會觸發播放器)，維持播放器長寬比，並在元素中盡量填滿最大的空間。因此，您在設定原生影片廣告格式樣式時，應該注意三個重點。

1. 明確指定包含原生影片廣告包裝函式的 div 大小

您必須使用 CSS 明確指定包含 #%NATIVE_VIDEO_WRAPPER%# 巨集的 div 大小，可以指定百分比或像素。

.host-div {
   width: 300px;
   height: 200px;
}

2. 注意影片和容器 div 的長寬比，以免出現邊框間距

如果容器 div 的長寬比與影片播放器的長寬比不同，影片周圍就會出現邊框間距。邊框間距的顏色為透明 (行動應用程式) 或黑色 (行動版網站和電腦版網站)。這個範例顯示容器 div 長寬比大於影片長寬比。

如要建立沒有邊框間距的容器 div，則其長寬比必須等於影片長寬比。如果事先知道影片長寬比，可以使用下列 HTML 和 CSS 來產生完全符合影片長寬比的 div。

^{範例：div 長寬比大於影片長寬比}

HTML

<div class="video-ratio-wrapper">
  <div class="video">
    #%NATIVE_VIDEO_WRAPPER%#
  </div>
</div>

CSS

.video-ratio-wrapper {
  position: relative;
  width: 100%;
}

.video-ratio-wrapper:after {
  padding-top: 56.25%;
  /* 16:9 ratio */
  display: block;
  content: '';
}

.video {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

3. 瞭解 HTML 元素與影片播放器重疊的方式

行動應用程式中導入的影片播放器一律會顯示在其他 HTML 元素下方。這是刻意的行為，而且可讓標題等元素疊加到您的影片上。

設定容器 div 上的 Z-index 不會影響到這個行為，但設定容器 div 的背景顏色會導致 div 遮住整個影片播放器。

包住影片的任何 div 元素均必須為透明。如果容器 div 包含不透明的背景，會與影片重疊在一起。

SDK 能讓您控制影片周圍任何邊框間距的顏色，同時確保容器 div 維持透明。如要這麼做，請在 CSS 中設定 body 元素的 background-color。SDK 會使用這個值做為影片周圍任何邊框間距的顏色。

body {
  background-color: aliceblue;
}

這對您有幫助嗎？

我們應如何改進呢？

原生影片廣告行為和功能支援