廣告活動

HTML5 廣告

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

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

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

開始使用 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 壓縮檔,做為廣告素材。
這對您有幫助嗎?
我們應如何改進呢?