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

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

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

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

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

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

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

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

2. 圖片廣告大卡片

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

基礎(chǔ)樣式示例：

3. 視頻廣告大卡片

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

基礎(chǔ)樣式示例：

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

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

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

基礎(chǔ)樣式示例

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

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

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

禁止不良廣告體驗(yàn)

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