djad_h5_sdk v1.0.38

在html中使用

<script src="./djad_h5/djad_h5_sdk.js"></script>

<link rel="stylesheet" href="./djad_h5/djad_h5_sdk.css">

<div id="myad"></div>

var djad = new DjadSdkH5({
  appkey: '',
  appsecret: '',
  media: {
    media_id: '', // 应用id
    app_bundle_id: '' // 应用包名
  }
})
djad.showAds({
  ref: '#myad', // 广告位dom的id
  type: 'banner', // 广告的类型
  id: 6,        // 广告位对应的id
  index: undefined, // 第几条广告, 不填默认随机
})

在vue中使用

安装

npm i -S djad_h5_sdk

or

yarn add djad_h5_sdk

全局配置 djad.js

import DjadSdk from 'djad_h5_sdk/main.js'
export default new DjadSdk({
  appkey: '', // appkey
  appsecret: '', // appsecret
  media: {
    media_id: '', // 应用id
    app_bundle_id: '' // 应用包名
  }
})

使用

template

<div id="myad"></div>

script

djad.showAds({
  ref: '#myad',
  type: this.type,
  id: this.id,
  index: this.index,
})

Doc 文档

Ads 广告位类型

dom引用

为广告位添加ref: <div id="myad"></div>

事件

为广告位添加事件: <div id="myad" @clickLink="clickLink" @close="closeBanner"></div>

API

djad.showAds({ref, type, id, index, success, fail, complete}) | API名称 | 说明 | 参数 | | :- | :- | :- | | showAds | 展示广告的方法 | ({ref, type, id, index, success, fail, complete}) ref(必填): 广告位dom的id, 如'#myad';type为广告的类型：如open为开屏广告;id(必填): 广告位对应的id, 如 15; index(非必填): 广告组的索引值, 如取第一条, 则index为0, 若不填, 则随机选取广告; |