本文僅適用於 Google Ad Manager 產品，不適用於其他 Google 產品。您也可以參閱 Studio HTML5 規定或 Google Web Designer HTML5 規定。
本文介紹建立 HTML5 廣告素材 zip 檔案包，並上傳至 Google Ad Manager 的相關規定。
這些規範應適用於任何支援 HTML5 的瀏覽器。部分廣告素材可能無法正常運作。導入 HTML5 程式碼前，請先進行測試。
查看互動式多媒體庫中 HTML5 檔案的範例
確認檔案包與 SSL 相容
HTML5 廣告素材必須與 SSL 相容，才能在 HTTPS 網站上放送。
為 Google Web Designer 選擇正確的環境
如果您使用 Google Web Designer 建立 HTML5 廣告素材，請選取 Display & Video 360 環境。
定義維度
- 請使用
size中繼標記來定義應用來顯示廣告素材的尺寸：<meta name="ad.size" content="width=[x],height=[y]">。HTML5 廣告素材只能設定固定尺寸。範例：300x250、400x400和728x90。不支援Fluid等動態大小。範例
<meta name="ad.size" content="width=300,height=250"> - 如果是 Google Web Designer 檔案包中的廣告素材 HTML 檔案，
creativeProperties參數的minWidth和minHeight屬性不得為 0。範例
下列程式碼會導致錯誤：
"creativeProperties":{"minWidth":0,"minHeight":0,"maxWidth":0,"maxHeight":0}
設定點擊廣告代碼和到達網址
離開通道是指任何可經由點擊，將瀏覽器導向某個到達網頁的區域。點擊廣告代碼會定義 HTML5 廣告素材中每個離開通道的到達網址。
進一步瞭解如何新增 HTML5 離開通道 (包括使用 Google Web Designer 的離開通道)
只要有人點擊離開通道，廣告素材就會呼叫 Ad Manager，要求提供相關聯的到達網址。
- 您可根據自己的需求及採用的廣告素材類型，在廣告素材或廣告中設定這個網址。如果您同時在廣告素材和廣告中設定點擊廣告代碼，則系統會優先採用廣告層級的設定。
Ad Manager 會在您上傳素材資源時偵測點擊廣告代碼。您隨時可以變更點擊廣告代碼使用的到達網址 (即使您已匯出代碼也一樣)。
- 將點擊廣告代碼插入 HTML 文件的
<head>中。範例<head>
<meta name="ad.size" content="width=300,height=250">
<script type="text/javascript">
var clickTag = "http://www.google.com";
</script>
</head>
- 使用
clickTag變數做為廣告素材中的目的地。範例<a href="javascript:void(window.open(clickTag))">
<img src="images/dclk.png" border=0>
</a> - 方便廣告伺服器輕鬆讀取點擊廣告代碼。點擊廣告代碼不得包含壓縮或模糊處理的內容，您可以在程式碼的其餘部分和其他檔案中使用壓縮設定。
- 避免以硬式編碼的方式寫入到達網址。經過硬式編碼的網址會導致 Ad Manager 無法追蹤點擊，廣告投放專員也無法更新網址。如果 HTML5 程式碼包含硬式編碼方式寫入的網址，Ad Manager 會在您上傳檔案包時發出警告。
