新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)百度小程序教程:ad廣告
- ad 廣告
- 屬性說明
- type 有效值
- binderror 事件觸發(fā)
- bindstatus 事件觸發(fā)
- 示例
- 代碼示例 1:橫幅類型
- 代碼示例 2:信息流大圖類型
- 代碼示例 3:信息流三圖類型
- 代碼示例 4:信息流左圖類型
- 代碼示例 5:信息流右圖類型
- 代碼示例 6:信息流視頻類型
- 代碼示例 7:后貼片類型
- 代碼示例 8:前貼片類型
- Bug & Tip
- 屬性說明
ad 廣告
解釋:廣告組件,按照流量主開通指引中的操作獲取廣告組件代碼。

成都創(chuàng)新互聯(lián)2013年至今,先為大安市等服務建站,大安市等地企業(yè),進行企業(yè)商務咨詢服務。為大安市企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務解決您的所有建站問題。
屬性說明
| 屬性名 | 類型 | 默認值 | 必填 | 說明 |
|---|---|---|---|---|
| appid | String | 是 | 小程序應用 ID | |
| apid | String | 是 | 小程序廣告位 ID | |
| type | String | feed | 否 | 廣告類型:banner、feed ,需和百青藤平臺上的代碼位類型相匹配 |
| updatetime | String | 否 | 更改該屬性,可以觸發(fā)廣告刷新 | |
| binderror | EventHandle | 否 | 廣告組件加載失敗時觸發(fā) | |
| bindload | EventHandle | 否 | 廣告組件加載完成觸發(fā) | |
| bindclose | EventHandle | 否 | 關閉廣告組件時觸發(fā) | |
| bindstatus | EventHandle | 否 | 貼片類型廣告播放期間觸發(fā) |
type 有效值
| 值 | 說明 |
|---|---|
| banner | 橫幅類型 |
| feed | 信息流類型 |
| pre-roll | 前貼類型 |
| post-roll | 后貼類型 |
binderror 事件觸發(fā)
觸發(fā)時機:代碼執(zhí)行異常以及狀態(tài)不符合廣告要求。
返回參數(shù):
| 代碼 | 狀態(tài) | 說明 |
|---|---|---|
| 1001-1 | 內(nèi)部錯誤 | 初始化失敗 |
| 1001-2 | 內(nèi)部錯誤 | 廣告返回執(zhí)行異常 |
| 1001-3 | 內(nèi)部錯誤 | 渲染廣告異常 |
| 1001-4 | 內(nèi)部錯誤 | 廣告異常 |
| 1001-5 | 內(nèi)部錯誤 | 廣告緩存異常 |
| 1002-1 | 廣告請求 | 廣告返回異常 |
| 1003-2 | 無可用廣告 | 數(shù)據(jù)層級不對 |
| 1003-3 | 無可用廣告 | 廣告內(nèi)容不完整 |
| 1004-1 | 媒體接入異常 | web 化廣告不渲染 |
| 1004-2 | 媒體接入異常 | 視頻貼片廣告組件放置不在 video 內(nèi) |
| 1004-3 | 媒體接入異常 | 視頻貼片當前是非同層渲染 |
bindstatus 事件觸發(fā)
觸發(fā)時機:事件觸發(fā)在視頻貼片的情況下。
返回參數(shù):
- JS
statusFunc(e) {// e = {status:''} 具體如下}
| 屬性 | 說明 |
|---|---|
| videoend | 視頻結(jié)束,觸發(fā)時機:1、有廣告返回,廣告播放結(jié)束;2、無廣告返回;3、廣告被關閉 |
| show | 廣告視頻播放中 |
| close | 廣告播放結(jié)束 |
| noAd | 無廣告返回 |
示例
跳轉(zhuǎn)編輯工具
在開發(fā)者工具中打開
在 WEB IDE 中打開
掃碼體驗
代碼示例
請使用百度APP掃碼
以下代碼僅做示例,需要在百青藤平臺申請代碼位替換下方 appid 和 apid ,方可正常顯示示例效果。
代碼示例 1:橫幅類型
- SWAN
- JS
apid="7182322"type="banner"data-update="updatetime1"updatetime="{{updatetime1}}"binderror="binderror"bindload="bindload"bindclose="bindclose"bindstatus="bindstatus">
Page({bindload(event) {console.log(event);},binderror(event) {const update = event.target.dataset.update;this.setData(update, `${+new Date()}`);},bindclose(event) {console.log(event);}});
代碼示例 2:信息流大圖類型
- SWAN
apid="7182323"type="feed"data-update="updatetime2"updatetime="{{updatetime2}}"binderror="binderror"bindload="bindload"bindclose="bindclose"bindstatus="bindstatus">
代碼示例 3:信息流三圖類型
- SWAN
apid="7182347"type="feed"data-update="updatetime3"updatetime="{{updatetime3}}"binderror="binderror"bindload="bindload"bindclose="bindclose"bindstatus="bindstatus">
代碼示例 4:信息流左圖類型
- SWAN
apid="7182324"type="feed"data-update="updatetime4"updatetime="{{updatetime4}}"binderror="binderror"bindload="bindload"bindclose="bindclose"bindstatus="bindstatus">
代碼示例 5:信息流右圖類型
- SWAN
apid="7182325"type="feed"data-update="updatetime5"updatetime="{{updatetime5}}"binderror="binderror"bindload="bindload"bindclose="bindclose"bindstatus="bindstatus">
代碼示例 6:信息流視頻類型
- SWAN
apid="7182334"type="feed"data-update="updatetime6"updatetime="{{updatetime6}}"binderror="binderror"bindload="bindload"bindclose="bindclose"bindstatus="bindstatus">
代碼示例 7:后貼片類型
- SWAN
注:后貼片廣告于視頻結(jié)束后隨機自動播放,且僅支持播放一次;廣告未出現(xiàn)或再次觀看,請退出頁面重新進入。 apid="7182330"data-update="updatetime7"updatetime="{{updatetime7}}"type="post-roll"binderror="binderror"bindload="bindload"bindclose="bindclose"bindstatus="bindstatus">
代碼示例 8:前貼片類型
- SWAN
注:前貼片廣告于視頻開始前隨機自動播放,且僅支持播放一次;廣告未出現(xiàn)或再次觀看,請退出頁面重新進入。 apid="7183268"type="pre-roll"data-update="updatetime8"updatetime="{{updatetime8}}"binderror="binderror"bindload="bindload"bindclose="bindclose"bindstatus="bindstatus">
Bug & Tip
- Tip:從百青藤獲取的代碼,是 ad 組件,把這段代碼,嵌入到頁面中你需要展現(xiàn)廣告的位置處,然后給他一些樣式就可以,樣式控制只能到 ad 這一層,內(nèi)部的展示效果對小程序的開發(fā)者來說沒有權限。
- Tip:banner 樣式的背景色默認透明,建議開發(fā)者自定義背景色。通過
background-color: #fff自行定義。其中#fff代表白色,可以根據(jù)廣告場景自行修改參數(shù)。 - Tip:信息流廣告可在百青藤平臺配置四種樣式:大圖、多圖、左圖右文、右圖左文。
- Tip:視頻貼片類型基于同層渲染,需基礎庫 3.70.x 版本以上。
- Tip:視頻前貼 iOS 11.17 之前廣告的視頻播放是和媒體公用一個 video ,會出現(xiàn) video 事件多次觸發(fā),安卓暫無影響。
- Tip:視頻后貼 暫時和媒體公用一個 video,會出現(xiàn) video 事件多次觸發(fā)。
- Tip:視頻貼片廣告播放期間切換 video 的 src 變化,都會導致廣告中止。
標題名稱:創(chuàng)新互聯(lián)百度小程序教程:ad廣告
URL網(wǎng)址:http://fisionsoft.com.cn/article/dpcsoeg.html


咨詢
建站咨詢
