廣告活動

HTML5 廣告

HTML5 廣告是在 Google Web Designer 中使用 HTML5 檔案製作的廣告，這個方法旨在製作出引人注目的互動式廣告。您可以透過 Google Web Designer 的整合式視覺與程式碼介面，設計並打造 HTML5 廣告與其他網路內容，接著以 .ZIP 檔案的格式匯出，並在 AdMob 製作廣告活動時上傳這些檔案。

注意：HTML5 廣告僅能在您宣傳網站或其他平台代管的應用程式時才可使用。

AdMob 不支援部分 Google Web Designer 元件。

Download a sample HTML5 ad (.ZIP)

開始使用 Google Web Designer

Google Web Designer 是一款進階網路應用程式，只要運用其整合式視覺與程式碼介面，即可設計並打造 HTML5 廣告與其他網路內容。透過 Google Web Designer 的設計檢視，您可以利用繪圖工具、文字，及 3D 物件製作內容，並依照時間軸將物件與事件製作成動畫。內容製作完成後，Google Web Designer 便會輸出清晰可讀的 HTML5、CSS3 及 Javascript。

您可以使用 Google Web Designer 製作 HTML5 廣告，進而運用在 AdMob 廣告中。請先下載 [Google Web Designer]，再依照 Google Web Designer 說明中心的操作說明製作廣告。

請使用 AdMob 環境從頭開始製作新廣告，或使用支援 Google AdMob 平台的範本。

廣告必須遵守 Google Ads 政策。

支援的 HTML5 廣告格式

為了確保 HTML5 廣告的格式正確，請詳閱下列需求清單。

所有 HTML5 廣告
檔案類型

.ZIP

ZIP 檔案可以包含以下任何檔案類型：

  • .CSS
  • .JS
  • .HTML
  • .SVG
  • .GIF
  • .PNG
  • .JPG
  • .JPEG
檔案大小

不得超過 150 KB
廣告大小
  • 320 x 50：超級橫幅行動廣告
  • 480 x 32：行動橫幅廣告 (橫向)
  • 320 x 100：行動裝置大型橫幅廣告
  • 468 x 60：橫幅廣告
  • 728 x 90：超級橫幅廣告
  • 300 x 250：內置矩形廣告
  • 320 x 480：智慧型手機插頁廣告 (直向)
  • 480 x 320：智慧型手機插頁廣告 (橫向)
  • 768 x 1024：平板電腦插頁廣告 (直向)
  • 1024 x 768：平板電腦插頁廣告 (橫向)
範例圖片大小

728 x 90 超級橫幅廣告

468 x 60 橫幅廣告

320 x 50 超級橫幅行動廣告

300 x 250 內置矩形廣告

詳情請參閱 Google Ads 圖像廣告政策。
支援的功能

重要注意事項

  • 系統只支援使用 Google Web Designer 製作的 HTML5 廣告。
  • ZIP 檔案中的素材資源可以是任何支援檔案類型的組合。請參閱本表格中的「檔案類型」一節。
  • HTML5 廣告中所使用的所有圖片必須為本機圖片，不可為參照路徑圖片，而且必須是夠成 ZIP 檔案的資產的一部分。
  • 只支援輕按元件，不支援影片和地圖。
  • 只支援 Google 網頁字型，不支援其他網頁字型。
  • 在指定環境動作方面，不支援計時器和多次離開。
  • 不支援展開式廣告。
  • 本機儲存方法不適用於 HTML5 廣告。
Google Web Designer 所製作的 HTML5 廣告
廣告環境 在 Google Web Designer 製作廣告時，請務必指定「AdMob」環境。
支援的元件
  • 輕按區域
  • iFrame
  • 滑動式圖片庫
  • 輪轉式圖片庫
  • 360° 圖片庫
  • 圖庫導覽
  • 圖片按鈕
  • Spritesheet
發佈至 AdMob 在 Google Web Designer 中：
  1. 按一下 [發佈] 按鈕。
  2. 選取 [在本機端發布]。
  3. 將產生的 .ZIP 檔案上傳到 AdMob。
限制

重要注意事項

  • 不支援展開式廣告。
  • HTML5 廣告中所使用的所有圖片必須為本機圖片，不可為參照路徑圖片，而且必須是 ZIP 檔案構成資產的一部分。
  • 只支援 Google 網頁字型，不支援其他網頁字型。
  • 在指定環境動作方面，不支援計時器和多次離開。
  • 本機儲存方法不適用於 HTML5 廣告。

HTML5 廣告欄位

  • 廣告名稱：為廣告輸入名稱 (最多 25 個字元或 12 個中文字)。
  • 實際連結網址：輸入使用者點擊廣告後，AdMob 將引導他們前往的網址。使用者不會在廣告中看到此網址。
  • 廣告素材：上傳 Google Web Designer 製作的 HTML5 廣告 .ZIP 壓縮檔，做為廣告素材。
這對您有幫助嗎？
我們應如何改進呢？