AMPHTML 廣告簡介
什麼是 AMPHTML 廣告？
AMPHTML 廣告是在網路上投放廣告的更快、更輕巧且更安全的方式。雖然 AMP 網頁支援傳統 HTML 廣告，但這些廣告載入速度可能較慢。為了讓廣告本身能像 AMP 網頁的其他部分一樣快速，您可以使用 AMPHTML 建立廣告。AMPHTML 廣告僅在經過驗證後才會投放，確保廣告安全且高效能。最重要的是，這些廣告可以在網路上的任何地方投放，而不僅限於 AMP 網頁。
AMPHTML 廣告是根據 AMPHTML 廣告規格 (AMP HTML + CSS 的變體) 以 AMP HTML 編寫的。這表示廣告不再能夠執行任意 JavaScript，而這通常是廣告效能不佳的主要原因。因此，就像核心 AMP 一樣，核心廣告 JavaScript 的使用案例已直接建置到 AMP 開放原始碼專案中，這保證了廣告的良好行為。
優點
為什麼 AMPHTML 廣告比傳統廣告更好？
- 更快速：AMPHTML 廣告速度更快，因為廣告會在網頁呈現過程中更早請求，並在使用者即將看到廣告之前立即顯示。AMPHTML 廣告的檔案大小縮減也提高了速度。
- 更輕巧：AMPHTML 廣告結合了常用的廣告功能，這減少了廣告的檔案大小。AMPHTML 廣告一旦在網頁上，也會消耗更少的資源。例如，傳統廣告中，10 個追蹤器各自請求資訊，而 AMPHTML 廣告則會收集所有資料一次，並將其分發給任何感興趣的追蹤器。
- 協調性更高：在 AMP 網頁上，AMP 執行階段可以協調行動電話的有限資源，在正確的時間將資源分配給正確的元件，以提供最佳的使用者體驗。例如，當動畫 AMPHTML 廣告不在目前的可視區域時，動畫會暫停。
- 更吸引人：使用者無法與他們看不到的廣告互動。更快速的廣告帶來更高的可視度和更高的點擊率，最終帶來更好的廣告效能。
- 免於惡意軟體：不可能透過 AMPHTML 廣告散播惡意軟體，因為廣告在投放前會經過驗證。因此，廣告商可以確保安全的使用者體驗和正面的品牌觀感。
- 更彈性：AMPHTML 廣告旨在同時在 AMP 和非 AMP 網頁以及任何裝置上運作。
格式
AMPHTML 廣告具有彈性和動態性，允許許多創意格式，例如輪播、視差和燈箱等等。立即開始使用 範例 上的開放原始碼 AMPHTML 廣告範本。
| 輪播 | 影片視差 | 燈箱 |
AMPHTML 廣告的運作方式
- 發布商透過
amp-ad標籤在其 AMP 網頁上插入廣告版位，並指定他們希望使用的廣告聯播網。 - AMP 執行階段會向指定的廣告聯播網發送廣告請求，以檢索廣告。能夠提供 AMPHTML 廣告的廣告聯播網提供 Fast Fetch 實作，以驗證和簽署廣告素材。
- 廣告聯播網以 AMPHTML 廣告回應，AMP 執行階段會在 AMP 網頁上呈現廣告。
提供 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 (即將推出)
廣告聯播網/伺服器
若要在 AMP 網頁上投放 AMPHTML 廣告，您需要為您的聯播網建立 amp-ad 擴充功能 (除非您已擁有)，該擴充功能使用 Fast Fetch 廣告請求實作。請參閱 與 AMP 整合以投放展示廣告 以瞭解詳細資訊。請記住，在非 AMP 網頁上投放 AMPHTML 不需要特殊整合。
建立 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 合作並使用他們的公用驗證器端點。
在 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 問題 以瞭解如何提交問題。