透過廣告將您的 AMP 網頁營利

重要事項：本文件不適用於您目前選取的格式：廣告！

本指南提供在您的 AMP 網頁上顯示廣告的指示和最佳做法。

在您的網頁中加入廣告

在非 AMP 網頁 (傳統 HTML) 中，如果您想在網頁上顯示廣告，您會加入 JavaScript 片段，以便從您的廣告聯播網放送廣告。基於效能和安全考量，您無法在 AMP 網頁中加入第三方 JavaScript。因此，若要在 AMP 中顯示廣告，您需要將自訂的 amp-ad 元件加入您的 AMP 網頁。

提示 – 請參閱「AMP 範例」，觀看展示將 amp-ad 標記加入 AMP 網頁的即時示範。

讓我們逐步完成加入元件的步驟，以便您可以在 AMP 網頁上顯示廣告。

步驟 1：加入 amp-ad 指令碼

amp-ad 元件是 AMP 函式庫的自訂廣告擴充功能。amp-ad 的底層是經過精心設計的自訂 JavaScript，可最佳化效能。若要執行 amp-ad 元件，您必須在 AMP 網頁的 head 區段中加入此元件所需的 JavaScript。

<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>

步驟 2：將 amp-ad 標記加入您的 AMP 網頁

超過 100 個以上的廣告伺服器和聯播網提供與 AMP 的內建整合。若要為指定的廣告聯播網加入廣告，請加入 amp-ad 標記，並在 type 屬性中指定聯播網。

在此範例中，我們正在加入廣告版位，以便從 a9 聯播網放送廣告

<amp-ad type="a9">
</amp-ad>

步驟 3：指定廣告單元的大小

將 width 和 height 屬性加入 amp-ad 標記。這會指定廣告在 AMP 網頁上的大小。

<amp-ad type="a9">
   width="300" height="250"
</amp-ad>

步驟 4：設定廣告聯播網參數

每個聯播網都有放送廣告所需的特定資料屬性。請參閱廣告聯播網的 amp-ad 文件，並加入所需的屬性。在以下範例中，a9 聯播網需要額外的參數來指定廣告大小和其他詳細資訊。

<amp-ad type="a9"
    width="300" height="250"
    data-aax_size="300x250"
    data-aax_pubname="test123"
    data-aax_src="302">
</amp-ad>

步驟 5：（選用）指定預留位置

您可以選擇視廣告聯播網而定，顯示預留位置，直到廣告可供觀看為止。這可防止空白空間，進而提供更優質的使用者體驗。若要指定預留位置，請加入具有 placeholder 屬性的子元素。如要瞭解詳情，請參閱「預留位置和後備廣告」。

<amp-ad type="a9"
    width="300" height="250"
    data-aax_size="300x250"
    data-aax_pubname="test123"
    data-aax_src="302">
   <amp-img placeholder src="placeholder-image.jpg"></amp-img>
</amp-ad>

步驟 6：（選用）指定後備廣告

您可以選擇視廣告聯播網而定，在沒有廣告可放送時顯示後備元素。若要指定後備廣告，請加入具有 fallback 屬性的子元素。如要瞭解詳情，請參閱「預留位置和後備廣告」。

<amp-ad type="a9"
    width="300" height="250"
    data-aax_size="300x250"
    data-aax_pubname="test123"
    data-aax_src="302">
   <amp-img fallback src="fallback-image.jpg"></amp-img>
</amp-ad>

恭喜！您現在已在 AMP 網頁上放送廣告！

放送直接銷售的 AMPHTML 廣告

amp-ad 元件會放送您指定的聯播網中的廣告。這些廣告可以是標準 HTML 廣告或 AMPHTML 廣告，前提是廣告聯播網支援 AMPHTML 廣告。若要將您的直接銷售廣告放送為 AMPHTML 廣告，請根據 AMPHTML 廣告規格需求，以 AMP HTML 格式建立廣告，並使用放送 AMPHTML 廣告的廣告伺服器。

擴增廣告請求的指定目標資料

做為「快速擷取」放送機制的一部分，「即時設定 (RTC)」功能可讓發布商使用在執行階段擷取的第一方和第三方指定目標資訊來擴增廣告請求。RTC 允許對每個個別廣告版位呼叫指定目標伺服器最多 5 次，而呼叫結果會附加至廣告請求。若要在您的廣告上使用 RTC，您使用的廣告聯播網必須支援 RTC 和「快速擷取」。

您可以從這部 YouTube 影片進一步瞭解 RTC

觀看「透過 Header Bidding 實現有效的 AMP 營利」。

或者，從下列 RTC 資源進一步瞭解

最佳做法

以下是一些訣竅，可讓您最大化 AMP 網頁上廣告的成效

版位和控制項：最佳化您的廣告版位

在 AMP 網頁上放置與非 AMP 網頁相同數量的廣告，以產生每個網頁的最大收益。
將第一個廣告放置在第一個可視區域的正下方 (「首頁下方」)，以提供最佳的使用者體驗。
除非您使用進階 CSS 或媒體查詢，否則請確保您的廣告單元位於網頁中央，以便為使用者提供最佳的行動版網路體驗。
在您的 AMP 廣告空間中啟用多尺寸廣告請求，以增加廣告競價壓力並帶動收益。

需求和定價：為您的廣告取得合適的價格

在您的 AMP 網頁上透過所有銷售管道銷售廣告單元，包括直接和間接管道，以最大化您的 AMP 網頁廣告空間的競爭。
為您的 AMP 網頁上的廣告空間定價，使其與非 AMP 網頁上的廣告空間類似。監控成效並據此調整定價。
確保所有廣告需求管道都競爭 AMP 網頁上的廣告空間，以提高競爭力。

廣告類型：放送最佳類型的廣告

避免過於繁重的素材，依據 IAB 指南。
避免插頁式廣告或其他會在廣告載入時導致內容重新排版之廣告格式。
最佳化可視度，方法是將 data-loading-strategy 設定為 prefer-viewability-over-views。
透過支援的播放器或 amp-iframe 在您的影片內容中放置廣告，以便在所有類型的內容中實現收益。
實作原生廣告，以便使用多尺寸廣告請求與展示廣告競爭，在增加需求壓力的同時，為您的讀者提供優質的使用者體驗。

創新：提供最引人入勝的廣告產品

在輔助 AMP 網頁上實作廣告，以產生額外收益
- 輪播廣告中的廣告
- 燈箱廣告中的廣告
- ... 以及更多
為直接銷售廣告實作新格式，以便為您的業務團隊配備高影響力、創新的廣告產品
- 黏性廣告
- 飛毯式廣告