在 Google Ad Manager 中投放原生廣告

指定您的原生廣告樣式

定義原生廣告設定後,您就可以設定原生廣告的樣式。本文將說明您需要配置的必要和選用設定。

注意:如果您使用 Android 和 iOS 應用程式碼,由於無法在 Google Ad Manager 中設定樣式,因此可略過這個部分和將原生樣式套用至特定委刊項的部分,然後按照操作說明新增原生廣告素材

使用以下項目設定原生廣告樣式:

輔助設計編輯器

選取輔助設計編輯器建立原生樣式後,您可以使用控制項設定原生廣告樣式,融入網站或應用程式的外觀和風格。更新會自動套用到廣告預覽畫面,方便您進行實驗。

輔助設計編輯器使用訣竅

預覽大小

建立具有「自動調整」大小的樣式時,您可以更新「預覽寬度」設定,查看廣告在不同螢幕大小上的顯示效果。您也可以使用預覽畫面旁的藍色長條,手動調整寬度。高度會自動更新。

重新排列元素

按一下「重新排列元素」,即可顯示/隱藏右側面板每張資訊卡中的元素並重新排列。例如,您可以移動廣告客戶名稱上方的行動號召,並移除廣告客戶標誌。

「設定原生廣告樣式」面板

「設定原生廣告樣式」面板可讓您視需要更新設定。舉例來說,展開「標題」時,您可以選取所需的廣告標題,長度上限為 30 個半形字元 (短版) 或 90 個半形字元 (長版)。

查看支援的字型清單
  • Archivo
  • Arial
  • Arimo
  • Bitter
  • Comic sans
  • EB Garamond
  • Geneva
  • Georgia
  • Helvetica
  • Lato
  • Libre Baskerville
  • Libre Franklin
  • Lora
  • Merriweather
  • Montserrat
  • Mukta
  • Muli
  • Nunito
  • Open Sans
  • Open Sans Condensed
  • Oswald
  • Playfair Display
  • Poppins
  • Raleway
  • Roboto
  • Roboto Condensed
  • Roboto Slab
  • Slabo 27px
  • Source Sans Pro
  • Times New Roman
  • Trebuchet
  • Ubuntu
  • Verdana
  • Volkhov

在 CSS 編輯器中設定樣式

您可以直接修改 CSS,但是:
  • 您將無法透過 UI 控制項進行其他變更。
  • 如果您在修改 CSS 時造成政策錯誤,原生樣式將失去 Ad Exchange 競價資格,但仍可透過程式輔助保證交易放送。
  • 您無法在輔助設計編輯器中修改 HTML。如要自訂更多項目,請選擇「HTML 與 CSS 編輯器」選項,但您的廣告版位將無法失去程式輔助資格。

如要直接編輯 CSS,請開啟「在 CSS 編輯器中設定樣式」按鈕。

修改 CSS 後,請按一下「驗證」,確認樣式符合 Ad Exchange 政策

請參閱下一步

HTML 與 CSS

如果選用「HTML 與 CSS 編輯器」選項建立原生樣式,您可以使用 HTML 和 CSS 設定原生廣告的樣式,融入網站或應用程式的外觀和風格。更新會自動套用到這個頁面上的廣告預覽畫面,方便您進行實驗。

HTML 與 CSS 編輯器使用訣竅

預覽大小

建立具有「自動調整」大小的樣式時,您可以更新「預覽寬度」設定,查看廣告在不同螢幕大小上的顯示效果。您也可以使用預覽畫面旁的藍色長條,手動調整寬度。高度會自動更新。

顯示類型

選取是否要製作針對 Accelerated Mobile Pages (AMP) 最佳化的原生廣告。請注意,如果您在廣告設定中選取「自動調整」大小,將無法在此變更「標準」預設設定。

  • 標準:原生廣告會在電腦版網站、行動版網站和行動應用程式上顯示,標準原生廣告也適用於 AMP 內容,但載入速度不如「AMP」選項。
  • AMP:AMP 廣告是專為 AMP 內容所設計,可提升載入速度。這類廣告也可在標準內容中放送。
  • 標準和 AMP:這個選項會另外新增程式碼,藉此產生其中一種版本的原生廣告。Ad Manager 將針對 AMP 內容放送 AMP 版本,並針對標準內容放送標準版本。瞭解如何使用廣告素材包裝函式在廣告中新增程式碼片段。

「設定原生廣告樣式」面板

您可以在右側面板中切換「HTML」和「CSS」,並據此進行更新。進一步瞭解如何新增原生廣告程式碼

在 HTML 中加入 iOS「自助通用連結」

自助通用連結是 iOS 通用連結;在 iOS 應用程式中,用於應用程式內導覽。如要在原生廣告素材中使用自助通用連結,請將 %%ONE_CLICK_HANDLER_TARGET%% 巨集新增至其 HTML,如以下範例所示:

Ad Manager 中的自助通用連結程式碼示例。

後續步驟

樣式設定完成後,請選擇下列其中一個選項來儲存變更:

  • 儲存並啟用:將樣式狀態更新為「有效」,並允許放送廣告。
  • 儲存:將狀態更新為「已停用」,且目前還不允許放送廣告。如要稍後再啟用,請前往已儲存的原生樣式表格選取所需樣式,然後按一下「啟用」

如要將原生樣式套用至特定委刊項,請參閱這篇文章

這對您有幫助嗎?

我們應如何改進呢?
true
版本資訊

瞭解 Ad Manager 最新功能和說明中心更新內容。

查看新功能

搜尋
清除搜尋內容
關閉搜尋
主選單
817053243862401313
true
搜尋說明中心
true
true
true
true
true
148
false
false