AMPHTML 廣告簡介

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

什麼是 AMPHTML 廣告？

AMPHTML 廣告是一種在網路上放送廣告的更快、更輕巧且更安全的方式。雖然 AMP 網頁支援傳統 HTML 廣告，但這些廣告載入速度可能較慢。為了讓廣告本身能像 AMP 網頁的其他部分一樣快速，您可以使用 AMPHTML 建構廣告。AMPHTML 廣告只會在經過驗證後放送，確保廣告安全且效能良好。最重要的是，這些廣告可以在網路上的任何地方放送，而不僅限於 AMP 網頁。

AMPHTML 廣告是以 AMP HTML 根據 AMPHTML 廣告規格 (AMP HTML + CSS 的變體) 編寫而成。這表示廣告不再能夠執行任意 JavaScript，而這向來是廣告效能不佳的首要原因。因此，就像核心 AMP 一樣，核心廣告 JavaScript 的使用案例直接建置在 AMP 開放原始碼專案中，可保證廣告的良好行為。

優點

為什麼 AMPHTML 廣告比傳統廣告更佳？

速度更快：AMPHTML 廣告速度更快，因為廣告會在網頁呈現程序中較早請求，並在使用者即將看到廣告之前立即顯示。AMPHTML 廣告的檔案大小縮減也有助於提高速度。
更輕巧：AMPHTML 廣告結合了常用的廣告功能，從而縮減了廣告的檔案大小。AMPHTML 廣告一旦出現在網頁上，也會消耗較少的資源。例如，一般的廣告中會有 10 個追蹤器請求各自的資訊，而 AMPHTML 廣告只會收集一次所有資料，然後將資料分配給任何數量的相關追蹤器。
協調性更佳：在 AMP 網頁上，AMP 執行階段可以協調行動電話的有限資源，在正確的時間將資源分配給正確的元件，以提供最佳使用者體驗。例如，動畫 AMPHTML 廣告會在廣告不在目前可視區域時暫停。
更引人入勝：使用者無法與他們看不到的廣告互動。速度更快的廣告可提高可視度，進而提高點擊率，最終帶來更佳的廣告效能。
免受惡意軟體侵害：不可能透過 AMPHTML 廣告散播惡意軟體，因為廣告在放送前會經過驗證。因此，廣告客戶可以確保安全的使用者體驗和正面的品牌觀感。
更彈性：AMPHTML 廣告旨在適用於 AMP 和非 AMP 網頁，以及任何裝置。

格式

AMPHTML 廣告具有彈性和動態性，可支援許多創意格式，例如輪播、視差和燈箱等。立即開始使用範例上的開放原始碼 AMPHTML 廣告範本。


輪播	影片視差	燈箱

AMPHTML 廣告的運作方式

將 AMPHTML 廣告放送至 AMP 網頁

發布商透過 amp-ad 標記在其 AMP 網頁上插入廣告版位，並指定他們想要使用的廣告聯播網。
AMP 執行階段會將廣告請求傳送至指定的廣告聯播網，以擷取廣告。能夠放送 AMPHTML 廣告的廣告聯播網會提供 Fast Fetch 實作，以驗證廣告素材並簽署。
廣告聯播網會以 AMPHTML 廣告回應，而 AMP 執行階段會在 AMP 網頁上呈現廣告。

將 AMPHTML 廣告放送至非 AMP 網頁不需要特殊的整合。請洽詢您的廣告聯播網，以確認他們是否支援 AMPHTML 廣告。

放送 AMPHTML 廣告

發布商

若要以 AMPHTML 放送您的直售廣告格式，您必須根據 AMPHTML 廣告規格建立廣告，並使用支援 AMPHTML 廣告放送的廣告伺服器放送廣告。目前，下列廣告伺服器支援 AMPHTML 廣告

DoubleClick for Publishers
TripleLift
Dianomi
Adzerk
Google AdSense

若要透過您的間接管道 (例如，交易平台、SSP 等) 放送 AMPHTML 廣告，請使用下列清單上的支援廣告聯播網/廣告伺服器。

廣告創意公司

如果您是廣告創意公司，則必須依照 AMPHTML 廣告規格建立廣告。如需靈感和範例，請參閱範例上的開放原始碼 AMPHTML 廣告範本。或者，您也可以使用下列其中一種工具來建立 AMPHTML 廣告

Celtra's Ad Creator
Google Web Designer
Adobe Animate (即將推出)

廣告聯播網/伺服器

若要將 AMPHTML 廣告放送至 AMP 網頁，您需要為您的聯播網建立 amp-ad 擴充功能 (除非您已擁有)，該擴充功能使用 Fast Fetch 廣告請求實作。如需詳細資訊，請參閱與 AMP 整合以放送多媒體廣告。請記住，將 AMPHTML 放送至非 AMP 網頁不需要特殊的整合。

建立 AMPHTML 廣告

從頭開始：AMPHTML 廣告必須遵循 AMPHTML 廣告規格。如需示範和範例，請參閱範例上的開放原始碼 AMPHTML 廣告範本。

使用工具：您可以使用下列任何工具來建構 AMPHTML 廣告素材

Celtra's Ad Creator
Google Web Designer
Adobe Animate (即將推出)

驗證 AMPHTML 廣告語法

建立 AMPHTML 廣告後，您應確保廣告使用正確的 AMPHTML 語法。根據您的開發環境，您可以使用幾種選項來驗證 AMPHTML 廣告

使用 AMP validator NPM 模組將驗證整合到您的建構 CI 中。
使用 AMP validator 進行一次性測試。
與 Cloudflare 合作，並使用其公開驗證器端點。

注意：若要在 AMP 網頁上快速呈現 AMPHTML 廣告 (亦即，在 Fast Fetch 中使用優先呈現)，語法必須正確。如果語法無效，廣告仍然會呈現，只是速度不會那麼快。

在 RTB 中支援 AMPHTML 廣告

對於想要在即時競價 (RTB) 環境中支援 AMPHTML 廣告的 SSP 和廣告交易平台，請參閱 RTB 廣告交易平台實作指南以取得詳細資訊。

常見問題

有 AMPHTML 廣告範例嗎？

是。您可以在範例上找到許多美觀的 AMPHTML 廣告範本。這些範例使用 AMP 中的進階元件。

AMPHTML 廣告是否支援第三方驗證和可視度偵測？

是，原生支援使用 amp-analytics 進行驗證和可視度偵測 (例如，Google 的 ActiveView 以這種方式整合)。也有其他供應商 (如 MOAT) 正在積極實作相關支援。

AMPHTML 廣告是否支援以時間軸為基礎的動畫？

是。請參閱 amp-animation。

大多數廣告都有可輕觸的目標和可設定的廣告結束點。AMPHTML 廣告是否有類似的機制？

是。請參閱 amp-ad-exit。

我找不到需要的資訊，可以在哪裡提問？

Stack Overflow 是我們建議您尋找關於 AMP 問題解答的方式；由於 AMP 專案社群的成員會定期監看 Stack Overflow，您可能會在那裡獲得最快速的問題回覆。
加入 Slack #a4a-discuss 頻道以取得解決方案和解答。
如果您在 AMP 中遇到錯誤或有 AMP 的功能要求，請參閱回報 AMP 問題，以取得關於提交問題的資訊。