AdMob 廣告活動的 HTML5 廣告

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

注意：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 中： 按一下 [發布] 按鈕。 選取「在本機端發布」。 將產生的 .ZIP 檔案上傳到 AdMob。
限制	重要注意事項 不支援展開式廣告。 HTML5 廣告中所使用的所有圖片必須為本機圖片，不可為參照路徑圖片，而且必須是該 ZIP 檔案內的素材資源。 只支援 Google 網頁字型，不支援其他網頁字型。 在指定環境動作方面，不支援計時器和多次離開。 本機儲存方法不適用於 HTML5 廣告。

HTML5 廣告欄位

• 廣告名稱：為廣告輸入名稱 (最多 25 個字元或 12 個中文字)。
• 實際連結網址：輸入使用者點擊廣告後，AdMob 將引導他們前往的網址。使用者不會在廣告中看到此網址。
• 廣告素材：從電腦上傳 Google Web Designer 製作的 HTML5 廣告 .ZIP 檔案，做為廣告素材。