Ad Manager 的 HTML5 規定

HTML5 廣告素材相關規範

本文僅適用於 Google Ad Manager 產品,不適用於其他 Google 產品。如果您需要 StudioGoogle Web Designer 的 HTML5 相關規範,請按一下以下連結。

建立要上傳到 Ad Manager 的 HTML5 ZIP 檔案組合時,請遵守下列規範。這些規範適用於任何支援 HTML5 的瀏覽器。不過,部分廣告素材功能在某些環境中可能無法正常運作,因此請仔細測試您的 HTML5 廣告素材程式碼。

互動式多媒體庫中有一些 HTML5 檔案的範例可供參考。

確認檔案組合與 SSL 相容

HTML5 廣告素材必須與 SSL 相容,才能在 HTTPS 網站上放送。

為 Google Web Designer 選擇正確的環境

如果您使用 Google Web Designer 建立 HTML5 廣告素材,請選取 [Display & Video 360] 環境

遵循尺寸規範

  • 請使用大小中繼標記來指定所需廣告素材大小,並確認您的廣告素材是以正確尺寸顯示:<meta name="ad.size" content="width=[x],height=[y]">
  • HTML5 廣告素材只能設定固定尺寸 (例如 300x250400x400728x90 等),不支援「自動調整」等動態大小。
  • 如果是 Google Web Designer 檔案組合中的廣告素材 HTML 檔案,creativeProperties 參數的 minWidthminHeight 屬性不得為 0。舉例來說,如果設定 "creativeProperties":{"minWidth":0,"minHeight":0,"maxWidth":0,"maxHeight":0},將會導致錯誤。
範例

下方為固定大小 (例如 300x250) 的中繼標記範例:

<meta name="ad.size" content="width=300,height=250">

遵循點擊廣告代碼規範

以 GWD 組合為主的 HTML5 不支援點擊廣告代碼。GWD 發布的組合應使用離開事件而不是定義 var clickTag。

點擊廣告代碼會定義 HTML5 廣告素材中每個離開通道的到達網址。離開通道是指任何可經由點擊,將瀏覽器導向某個到達網頁的區域。

  • 如要進一步瞭解如何新增 HTML5 離開通道 (包括使用 Google Web Designer 的離開通道),請前往 Studio 說明中心

只要有人點擊離開通道,廣告素材就會呼叫 Ad Manager,要求提供與該離開通道相關聯的到達網址。

  • 您可根據自己的需求及採用的廣告素材類型,在廣告素材或廣告中設定這個網址。
  • 如果您同時在廣告素材和廣告中設定點擊廣告代碼,則廣告層級設定會覆寫廣告素材層級設定。

Ad Manager 會在您上傳素材資源時偵測點擊廣告代碼。您隨時可以變更點擊代碼使用的到達網址 (即使您已匯出代碼也一樣)。

  • 確定廣告素材是使用點擊廣告代碼變數做為到達網頁。
  • 點擊廣告代碼必須方便廣告伺服器讀取,不使用任何壓縮或模糊形式;不過,您可以在程式碼的其餘部分和其他檔案中使用壓縮設定。
  • 我們不建議您在素材資源中以硬式編碼設定到達網址,原因是這麼做會導致 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>

在 HTML 文件的內文區段中,您的廣告素材必須使用點擊廣告代碼變數做為到達網址:

<a href="javascript:void(window.open(clickTag))">
   <img src="images/dclk.png" border=0>
</a>

這對您有幫助嗎?
我們應如何改進呢?

還有其他問題嗎?

登入即可獲得其他支援選項,快速解決您的問題