關於應用程式廣告活動的 HTML5 素材資源

HTML5 素材資源具備互動性和娛樂性,能夠以獨特方式抓住應用程式使用者的注意力。本文將介紹適合放送 HTML5 素材資源的位置,以及可上傳到應用程式廣告活動中的 HTML5 大小與格式。

廣告刊登位置與顯示方式


HTML5 素材資源在 Google 多媒體廣告聯播網上顯示時,可能會搭配應用程式圖示、應用程式說明或說明文字等其他素材資源。如果您在帳戶設定中針對刊登廣告的網頁和應用程式指定了任何排除條件,應用程式廣告活動會採用您的設定,詳情請見這篇有關如何排除網頁和應用程式的說明文章。

HTML5 大小與格式

著手建立應用程式廣告活動前,請參考以下製作 HTML5 素材資源的訣竅:

  • Google Ads 建議使用 Google Web Designer 製作 HTML5 素材資源
  • 目前可採用的 HTML5 大小:
    • 建議大小 (素材資源在大多數裝置上會以全螢幕廣告的形式顯示)
      • 320x480 (縱向)
      • 480x320 (橫向)
    • 其他大小 (素材資源會顯示為固定大小的橫幅廣告,無法配合不同螢幕大小自動調整)
      • 300x250
      • 320x50
  • 上傳 HTML5 素材資源前,請務必使用 Google Ads HTML5 驗證工具檢查 .ZIP 檔
  • 以 .ZIP 檔案的形式上傳素材資源,大小上限為 1MB,內含檔案數量不應超過 40 個
  • 您最多可為每個廣告活動上傳 20 個 .ZIP 檔案
  • .ZIP 檔中可以包含以下格式的檔案:HTML、CSS、JS、GIF、PNG、JPG、JPEG、SVG
  • 非 ASCII 字元必須使用 UTF-8 編碼

 

使用 Google Web Designer:注意事項

廣告環境 使用 Google Web Designer 製作素材資源時,請務必指定「Google Ads」做為環境
支援的元件
  • 滑動式圖片庫
  • 輪轉式圖片庫
  • 360° 圖片庫
  • 圖片庫導覽
  • 圖片按鈕
  • Spritesheet
Google Ads 發佈 在 Google Web Designer 中:
  1. 點選 [發佈]。
  2. 選取 [在本機端發佈]。
  3. 將產生的 ZIP 檔案上傳至 Google Ads。
限制
  • 不支援展開式廣告。
  • HTML5 廣告中所使用的所有圖片必須為本機圖片,不可為參照路徑圖片,而且必須是 ZIP 檔案構成資產的一部分。
  • 只支援 Google 網頁字型,不支援其他網頁字型。
  • 在指定環境動作方面,不支援計時器和多次離開。
  • 本機儲存方法不適用於 HTML5 廣告。

不使用 Google Web Designer:注意事項

HTML 相關規定

HTML5 素材資源必須包含:

  • <!DOCTYPE html> 宣告
  • <html> 代碼
  • <body> 代碼
  • 廣告格式大小中繼標記 (在 <head> 代碼內,例如:<meta name="ad.size" content="width=300,height=250">)

明確的結束代碼 (不可使用內嵌結束代碼):

  • 有效結束代碼的範例:<path></path>
  • 無效結束代碼的範例:<path> 或 <path />

另外,您也可以將內嵌 SVG 解壓縮到個別檔案中。

上傳規定

所有的程式碼和素材資源都必須使用 .ZIP 檔案內所含資源的相對路徑進行參照。

只能參照下列項目,所有的外部參照一概不得使用:

可點擊的按鈕

如要確保使用者只能點擊行動號召按鈕 (例如「下載」),請按照以下操作說明納入 exitapi.js 指令碼;如果沒有這麼做,Google Ads 會讓整個素材資源都可供點擊。

操作說明

  1. 將下列指令碼加進 HTML <head> 代碼:<scripttype="text/javascript" src="https://tpc.googlesyndication.com/pagead/gadgets/html5/api/exitapi.js"> </script>
  2. 接著進行 ExitApi.exit() 這項 JavaScript 呼叫來啟用最終到達網址
    1. 舉例來說,您可以運用標準錨定廣告將消費者帶往最終到達網址:
      1. <a onclick="ExitApi.exit()">瞭解詳情</a>

 

這篇文章實用嗎?
我們應如何改進呢?