日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關咨詢
選擇下列產品馬上在線溝通
服務時間：8:30-17:00
你可能遇到了下面的問題
關閉右側工具欄

新聞中心

這里有您想知道的互聯(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)同步一站式服務解決您的所有建站問題。

    屬性說明

    屬性名 類型 默認值 必填 說明
    appidString是小程序應用 ID
    apidString是小程序廣告位 ID
    typeStringfeed否廣告類型：banner、feed ，需和百青藤平臺上的代碼位類型相匹配
    updatetimeString否更改該屬性，可以觸發(fā)廣告刷新
    binderrorEventHandle否廣告組件加載失敗時觸發(fā)
    bindloadEventHandle否廣告組件加載完成觸發(fā)
    bindcloseEventHandle否關閉廣告組件時觸發(fā)
    bindstatusEventHandle否貼片類型廣告播放期間觸發(fā)

    type 有效值

    值 說明
    banner橫幅類型
    feed信息流類型
    pre-roll前貼類型
    post-roll后貼類型

    binderror 事件觸發(fā)

    觸發(fā)時機：代碼執(zhí)行異常以及狀態(tài)不符合廣告要求。
    返回參數(shù)：

    代碼 狀態(tài) 說明
    1001-1內部錯誤初始化失敗
    1001-2內部錯誤廣告返回執(zhí)行異常
    1001-3內部錯誤渲染廣告異常
    1001-4內部錯誤廣告異常
    1001-5內部錯誤廣告緩存異常
    1002-1廣告請求廣告返回異常
    1003-2無可用廣告數(shù)據(jù)層級不對
    1003-3無可用廣告廣告內容不完整
    1004-1媒體接入異常web 化廣告不渲染
    1004-2媒體接入異常視頻貼片廣告組件放置不在 video 內
    1004-3媒體接入異常視頻貼片當前是非同層渲染

    bindstatus 事件觸發(fā)

    觸發(fā)時機：事件觸發(fā)在視頻貼片的情況下。
    返回參數(shù)：

    • JS
     
 
 
      
  
  
  
    1.  statusFunc(e) {
      2. 
  
  
  
    2.  // e = {status:''} 具體如下
      3. 
  
  
  
    3.  }
      4.
    屬性 說明
    videoend視頻結束，觸發(fā)時機：1、有廣告返回，廣告播放結束；2、無廣告返回；3、廣告被關閉
    show廣告視頻播放中
    close廣告播放結束
    noAd無廣告返回

    示例

    跳轉編輯工具

    在開發(fā)者工具中打開

    在 WEB IDE 中打開

    掃碼體驗

    代碼示例

    請使用百度APP掃碼

    以下代碼僅做示例，需要在百青藤平臺申請代碼位替換下方 appid 和 apid ，方可正常顯示示例效果。

    代碼示例 1：橫幅類型

    • SWAN
    • JS
     
 
 
      
  
  
  
      2. 
  
  
  
    2.  
      3. 
  
  
  
    3.  apid="7182322"
      4. 
  
  
  
    4.  type="banner"
      5. 
  
  
  
    5.  data-update="updatetime1"
      6. 
  
  
  
    6.  updatetime="{{updatetime1}}"
      7. 
  
  
  
    7.  binderror="binderror"
      8. 
  
  
  
    8.  bindload="bindload"
      9. 
  
  
  
    9.  bindclose="bindclose"
      10. 
  
  
  
    10.  bindstatus="bindstatus">
      11. 
  
  
  
    11.  
      12. 
  
  
  
      13. 
 
 
 
     
 
 
      
  
  
  
    1. Page({
      2. 
  
  
  
    2.  bindload(event) {
      3. 
  
  
  
    3.  console.log(event);
      4. 
  
  
  
    4.  },
      5. 
  
  
  
    5.  binderror(event) {
      6. 
  
  
  
    6.  const update = event.target.dataset.update;
      7. 
  
  
  
    7.  this.setData(update, `${+new Date()}`);
      8. 
  
  
  
    8.  },
      9. 
  
  
  
    9.  bindclose(event) {
      10. 
  
  
  
    10.  console.log(event);
      11. 
  
  
  
    11.  }
      12. 
  
  
  
    12. });
      13.

    代碼示例 2：信息流大圖類型

    • SWAN
     
 
 
      
  
  
  
      2. 
  
  
  
    2.  
      3. 
  
  
  
    3.  apid="7182323" 
      4. 
  
  
  
    4.  type="feed"
      5. 
  
  
  
    5.  data-update="updatetime2"
      6. 
  
  
  
    6.  updatetime="{{updatetime2}}"
      7. 
  
  
  
    7.  binderror="binderror"
      8. 
  
  
  
    8.  bindload="bindload"
      9. 
  
  
  
    9.  bindclose="bindclose"
      10. 
  
  
  
    10.  bindstatus="bindstatus">
      11. 
  
  
  
    11.  
      12. 
  
  
  
      13.

    代碼示例 3：信息流三圖類型

    • SWAN
     
 
 
      
  
  
  
      2. 
  
  
  
    2.  
      3. 
  
  
  
    3.  apid="7182347"
      4. 
  
  
  
    4.  type="feed"
      5. 
  
  
  
    5.  data-update="updatetime3"
      6. 
  
  
  
    6.  updatetime="{{updatetime3}}"
      7. 
  
  
  
    7.  binderror="binderror"
      8. 
  
  
  
    8.  bindload="bindload"
      9. 
  
  
  
    9.  bindclose="bindclose"
      10. 
  
  
  
    10.  bindstatus="bindstatus">
      11. 
  
  
  
    11.  
      12. 
  
  
  
      13.

    代碼示例 4：信息流左圖類型

    • SWAN
     
 
 
      
  
  
  
      2. 
  
  
  
    2.  
      3. 
  
  
  
    3.  apid="7182324"
      4. 
  
  
  
    4.  type="feed"
      5. 
  
  
  
    5.  data-update="updatetime4"
      6. 
  
  
  
    6.  updatetime="{{updatetime4}}"
      7. 
  
  
  
    7.  binderror="binderror"
      8. 
  
  
  
    8.  bindload="bindload"
      9. 
  
  
  
    9.  bindclose="bindclose"
      10. 
  
  
  
    10.  bindstatus="bindstatus">
      11. 
  
  
  
    11.  
      12. 
  
  
  
      13.

    代碼示例 5：信息流右圖類型

    • SWAN
     
 
 
      
  
  
  
      2. 
  
  
  
    2.  
      3. 
  
  
  
    3.  apid="7182325"
      4. 
  
  
  
    4.  type="feed"
      5. 
  
  
  
    5.  data-update="updatetime5"
      6. 
  
  
  
    6.  updatetime="{{updatetime5}}"
      7. 
  
  
  
    7.  binderror="binderror"
      8. 
  
  
  
    8.  bindload="bindload"
      9. 
  
  
  
    9.  bindclose="bindclose"
      10. 
  
  
  
    10.  bindstatus="bindstatus">
      11. 
  
  
  
    11.  
      12. 
  
  
  
      13.

    代碼示例 6：信息流視頻類型

    • SWAN
     
 
 
      
  
  
  
      2. 
  
  
  
    2.  
      3. 
  
  
  
    3.  apid="7182334"
      4. 
  
  
  
    4.  type="feed"
      5. 
  
  
  
    5.  data-update="updatetime6"
      6. 
  
  
  
    6.  updatetime="{{updatetime6}}"
      7. 
  
  
  
    7.  binderror="binderror"
      8. 
  
  
  
    8.  bindload="bindload"
      9. 
  
  
  
    9.  bindclose="bindclose"
      10. 
  
  
  
    10.  bindstatus="bindstatus">
      11. 
  
  
  
    11.  
      12. 
  
  
  
      13.

    代碼示例 7：后貼片類型

    • SWAN
     
 
 
      
  
  
  
      2. 
  
  
  
    2.  注：后貼片廣告于視頻結束后隨機自動播放，且僅支持播放一次；廣告未出現(xiàn)或再次觀看，請退出頁面重新進入。
      3. 
  
  
  
    3.  
      4. 
  
  
  
    4.  
      5. 
  
  
  
    5.  apid="7182330"
      6. 
  
  
  
    6.  data-update="updatetime7"
      7. 
  
  
  
    7.  updatetime="{{updatetime7}}"
      8. 
  
  
  
    8.  type="post-roll"
      9. 
  
  
  
    9.  binderror="binderror"
      10. 
  
  
  
    10.  bindload="bindload"
      11. 
  
  
  
    11.  bindclose="bindclose"
      12. 
  
  
  
    12.  bindstatus="bindstatus">
      13. 
  
  
  
    13.  
      14. 
  
  
  
    14.  
      15. 
  
  
  
      16.

    代碼示例 8：前貼片類型

    • SWAN
     
 
 
      
  
  
  
      2. 
  
  
  
    2.  注：前貼片廣告于視頻開始前隨機自動播放，且僅支持播放一次；廣告未出現(xiàn)或再次觀看，請退出頁面重新進入。
      3. 
  
  
  
    3.  
      4. 
  
  
  
    4.  
      5. 
  
  
  
    5.  apid="7183268"
      6. 
  
  
  
    6.  type="pre-roll"
      7. 
  
  
  
    7.  data-update="updatetime8"
      8. 
  
  
  
    8.  updatetime="{{updatetime8}}"
      9. 
  
  
  
    9.  binderror="binderror"
      10. 
  
  
  
    10.  bindload="bindload"
      11. 
  
  
  
    11.  bindclose="bindclose"
      12. 
  
  
  
    12.  bindstatus="bindstatus">
      13. 
  
  
  
    13.  
      14. 
  
  
  
    14.  
      15. 
  
  
  
      16.

    Bug & Tip

    • Tip：從百青藤獲取的代碼，是 ad 組件，把這段代碼，嵌入到頁面中你需要展現(xiàn)廣告的位置處，然后給他一些樣式就可以，樣式控制只能到 ad 這一層，內部的展示效果對小程序的開發(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 變化，都會導致廣告中止。

    網(wǎng)頁名稱：創(chuàng)新互聯(lián)百度小程序教程：ad廣告
    文章網(wǎng)址：http://www.dlmjj.cn/article/dpcsoeg.html