字節(jié)跳動(dòng)小程序 ad

2020-02-06 01:46 更新

本組件從基礎(chǔ)庫版本 1.19.0 開始支持

用于在小程序中提供一個(gè) 廣告組件。

屬性	類型	說明	基礎(chǔ)庫版本
unit-id	String	廣告位 id，必填。需要預(yù)先在「小程序管理后臺(tái) > 流量主模塊」配置生成。	1.19.0
bindload	eventHandler	廣告加載成功的回調(diào)方法	1.19.0
binderror	eventHandler	廣告加載失敗的回調(diào)方法，具體的錯(cuò)誤信息可以參考廣告錯(cuò)誤碼說明	1.26.2
bindclose	eventHandler	廣告關(guān)閉的回調(diào)方法	1.31.0
ad-intervals	number	廣告自動(dòng)刷新的間隔時(shí)間，單位為秒，參數(shù)值必須大于等于 30（該參數(shù)不傳入時(shí) banner 廣告不會(huì)自動(dòng)刷新）	1.32.1
fixed	boolean	廣告是否在屏幕中固定展示	1.34.0
type	string	廣告的類型，具體類型有：banner、video、large、lImg、rImg，默認(rèn)值為 banner	1.41.0
scale	number	廣告的縮放比例，100 為標(biāo)準(zhǔn)尺寸	1.41.0

詳細(xì)說明

廣告組件具備展示多種類型廣告的能力，并支持通過指定 scale 控制組件的顯示大小。

下方的表格將說明廣告類型（type）與縮放比例（scale）的關(guān)系。

類型（type）	縮放比例（scale）有效范圍	說明
banner	無	該類型廣告寬度由 CSS 樣式?jīng)Q定，寬度范圍是屏幕寬度的80%-100%
video	90-100 110	視頻廣告，該類型廣告寬度是屏幕寬度的 100%，100 為標(biāo)準(zhǔn)樣式，110 為通屏樣式
large	90-100	大圖廣告，該類型廣告寬度是屏幕寬度的 100%，100 為標(biāo)準(zhǔn)樣式，90 為最小樣式
lImg	100-150	左圖右文廣告，該類型廣告寬度是屏幕寬度的 100%，100 為標(biāo)準(zhǔn)樣式，150 為最大樣式。容易看錯(cuò)，首字母是 l(L)
rImg	100-150	右圖左文廣告，該類型廣告寬度是屏幕寬度的 100%，100 為標(biāo)準(zhǔn)樣式，150 為最大樣式

可以看出 banner 類型同其它類型相比是有區(qū)別的。

廣告組件的 type 屬性允許傳入多個(gè)類型值，以便字節(jié)跳動(dòng)平臺(tái)為你的小程序提供最適合的廣告類型。

<!--多類型示例--->
<ad type="video large lImg rImg" scale="110 90 150 130"></ad>

視頻廣告（標(biāo)準(zhǔn)）

大圖廣告（標(biāo)準(zhǔn)）

左圖右文、右圖左文廣告（標(biāo)準(zhǔn)）

代碼示例

<!--基礎(chǔ)示例-->
<view>
  <ad
    unit-id="371e6m5eo89h576679"
    bindload="adloadhandler"
    binderror="aderrorhandler"
    bindclose="adclosehandler"
  ></ad>
</view>

以上內(nèi)容是否對(duì)您有幫助：

寫筆記