AMP
  • 廣告

哈囉世界

簡介

AMPHTML 廣告建立方式簡介。AMPHTML 廣告是使用 AMPHTML 實作的廣告。AMPHTML 廣告執行階段以 AMP 執行階段為基礎,並提供相同的效能優勢。不過,AMPHTML 廣告與一般的 AMPHTML 檔案有幾點不同之處。

AMPHTML 驗證工具具有 AMPHTML 廣告專用的驗證模式。

標記

必須宣告文件類型。

<!doctype html>

這會告知所有人這是 AMPHTML 廣告檔案。

<html 4ads lang="en">

字元集定義必須是 <head> 標記的第一個子項。

<meta charset="utf-8">

AMPHTML 廣告需要 AMP 執行階段的自訂版本。

<script async src="https://cdn.ampproject.org/amp4ads-v0.js"></script>

AMPHTML 廣告的初始範本比一般的 AMP 初始範本更短。

<style amp4ads-boilerplate>body{visibility:hidden}</style>

CSS 也必須以內嵌方式嵌入。

<style amp-custom>
  h1 {
    color: red;
  }
</style>

Body

在 Body 內,AMPHTML 廣告僅可使用一組受限的 HTML 和 AMPHTML 元素,詳情請參閱規格

哈囉世界

<h1>Hello World</h1>

查看其他AMPHTML 廣告範例,瞭解如何建立更精密的 AMPHTML 廣告。

需要更多說明嗎?

如果這個頁面上的說明沒有解答您的所有疑問,歡迎聯絡其他 AMP 使用者,討論您的確切使用案例。

前往 Stack Overflow
有未說明的功能嗎?

AMP 專案大力鼓勵您參與及貢獻!我們希望您能持續參與我們的開放原始碼社群,但我們也歡迎您針對特別關注的問題提供一次性貢獻。

在 GitHub 上編輯範例