定義原生廣告設定後,您就可以設定原生廣告的樣式。本文將說明您需要配置的必要和選用設定。
使用以下項目設定原生廣告樣式:
輔助設計編輯器
選取輔助設計編輯器建立原生樣式後,您可以使用控制項設定原生廣告樣式,融入網站或應用程式的外觀和風格。更新會自動套用到廣告預覽畫面,方便您進行實驗。
輔助設計編輯器使用訣竅
預覽大小
建立具有「自動調整」大小的樣式時,您可以更新「預覽寬度」設定,查看廣告在不同螢幕大小上的顯示效果。您也可以使用預覽畫面旁的藍色長條,手動調整寬度。高度會自動更新。
重新排列元素
按一下「重新排列元素」,即可顯示/隱藏右側面板每張資訊卡中的元素並重新排列。例如,您可以移動廣告客戶名稱上方的行動號召,並移除廣告客戶標誌。
「設定原生廣告樣式」面板
「設定原生廣告樣式」面板可讓您視需要更新設定。舉例來說,展開「標題」時,您可以選取所需的廣告標題,長度上限為 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 編輯器中設定樣式
- 您將無法透過 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,如以下範例所示:
後續步驟
樣式設定完成後,請選擇下列其中一個選項來儲存變更:
- 儲存並啟用:將樣式狀態更新為「有效」,並允許放送廣告。
- 儲存:將狀態更新為「已停用」,且目前還不允許放送廣告。如要稍後再啟用,請前往已儲存的原生樣式表格選取所需樣式,然後按一下「啟用」。
如要將原生樣式套用至特定委刊項,請參閱這篇文章。