字節(jié)跳動小程序流量主接入規(guī)范

廣告卡片定制規(guī)則

Feed 流廣告卡片定制規(guī)則

Feed 流廣告卡片以卡片的形式承載著第三方的推廣內(nèi)容和入口信息，平臺方會提供四種基礎(chǔ)樣式以及相應(yīng)的定制規(guī)則，供開發(fā)者靈活選用

1. 廣告卡片基礎(chǔ)規(guī)則

為迎合不同類型小程序的 Feed 樣式規(guī)則，讓廣告卡片在信息流中能不過于突兀，開發(fā)者可以基于他們自身的 UI 規(guī)則，定制匹配度更高的廣告卡片樣式：

• 圖片/視頻的尺寸：基于設(shè)定好的最大/最小尺寸范圍內(nèi)等比例縮放定制
• 圖片/視頻的圓角：開發(fā)者可以根據(jù)小程序 UI 圓角風格，自行定義
• 廣告標題文案字號/字重：平臺方提供幾個推薦樣式供選擇

為兼顧顯示效率和閱讀體驗，F(xiàn)eed 廣告標題的字號建議沿用小程序字號規(guī)范中的「標題字&標準字」字號（18px / 16px 字號），開發(fā)者可以基于自身 UI 的字號來匹配選用，同時支持開發(fā)者調(diào)整字體字重（Regular / Medium 等），來適應(yīng) Feed 中 UI 顯示的一致性。

2. 圖片廣告大卡片

• 開發(fā)者可以基于自身 Feed 內(nèi)容的寬度，縮放廣告元素，最大支持將圖片縮放到原尺寸的 90%，廣告標題會跟隨卡片寬度換行（標題限定兩行，隨寬度影響文案顯示字數(shù)），廣告標簽/信息來源/關(guān)閉按鈕尺寸不變，隨縮放程度等距移動。

基礎(chǔ)樣式示例：

3. 視頻廣告大卡片

• 開發(fā)者可以基于自身 Feed 內(nèi)容的寬度，縮放廣告元素，最大支持將視頻等比放大到屏幕等寬（通欄），最小縮放到原尺寸的 90%，廣告標題會跟隨卡片寬度換行（標題限定兩行，隨寬度影響文案顯示字數(shù)），廣告標簽/信息來源/關(guān)閉按鈕尺寸不變，隨縮放程度等距移動

基礎(chǔ)樣式示例：

4. 圖文廣告（左圖右文、左文右圖）小卡片

• 開發(fā)者可以基于自身 Feed 內(nèi)容的寬度，縮放廣告元素，最大支持將素材等比放大到原尺寸的 150%，廣告標題會跟隨卡片寬度換行（標題限定兩行，隨寬度影響文案顯示字數(shù)），廣告標簽/信息來源/關(guān)閉按鈕尺寸不變，隨縮放程度等距移動

Banner 廣告卡片定制規(guī)范

基礎(chǔ)樣式示例

廣告卡片接入審核規(guī)范

• 廣告可以穿插在「文章詳情頁底部」或「視頻詳情頁中間」，保證核心操作不受干擾
• 廣告適配多機型，不得出現(xiàn)錯位、遮蓋等情況
• 一屏內(nèi)至多出現(xiàn)一個廣告 參考接入位置
• 文章結(jié)束后
• 視頻詳情頁下方
• 文章/視頻信息流中間

推薦左圖右文、左文右圖排版形式的小程序界面，接入左圖右文 lImg、左文右圖 rImg 廣告 推薦大圖內(nèi)容、視頻內(nèi)容的小程序界面，接入大圖廣告、視頻廣告

禁止不良廣告體驗

• 禁止一屏內(nèi)出現(xiàn)多個廣告
• 禁止無規(guī)則懸浮廣告
• 禁止自行設(shè)計廣告關(guān)閉邏輯
• 禁止設(shè)置廣告卡片透明度
• 禁止縮放超過范圍，影響體驗；廣告樣式與小程序本身內(nèi)容寬度、位置（居中/居左）匹配的范圍內(nèi)，縮放 80%-100%并且居中/居左
• 禁止改變圖片形狀