0.1.0-beta.16 • Published 3 years ago
@alipay-inc/mpaas-mcdp-h5-render v0.1.0-beta.16
接入文档
Badges
Package信息
包名:@alipay-inc/mpaas-mcdp-h5-render 类型:公共类库 适用场景:Web网页 功能简介:支持在h5进行弹屏、公告、轮播(banner)、浮标四种类型的展位投放,和个性化广告投放能力。
接入配置
mpaas-mcdp-h5-render提供两种接入方式:HTML文件内script标签引入及代码内npm包引用。
HTML标签引入
在HTML文件内,进行以下操作
<head>
中添加以下代码进行引用
<script type="text/javascript" src="https://unpkg.com/@alipay-inc/mpaas-mcdp-h5-render/dist/index.js" />
<body>
末尾处,添加script标签,进行配置初始化,init参数见下表
<script type="text/javascript">
// init方法支持随时调用,每次调用都会使用当次传入的参数请求数据,更新广告数据
McdpView.init({
appId: 'my-appId', //必填
workspaceId: 'my-workspaceId', //必填
reportURL: 'my-url', //必填
uploadURL: 'my-url', //必填
userId: 'userId', //非必填
utdid: 'utdid' //非必填
});
</script>
- 在调用展位的dom元素上绑定类名及展位码,例如
<div class="mcdp-view-wrap" data-mcdp-code="my-code"></div>
npm引入
- 添加依赖
npm install @alipay-inc/mpaas-mcdp-h5-render
- 在文件项目源码内,用npm的方式引入(以es6语法为例),init参数见下表
import McdpView from '@alipay-inc/mpaas-mcdp-h5-render';
// init方法支持随时调用,每次调用都会使用当次传入的参数请求数据,更新广告数据
McdpView.init({
appId: 'my-appId', //必填
workspaceId: 'my-workspaceId', //必填
reportURL: 'my-url', //必填
uploadURL: 'my-url', //必填
userId: 'userId', //非必填
utdid: 'utdid' //非必填
});
- 在调用展位的dom元素上绑定类名及展位码,例如
<div class="mcdp-view-wrap" data-mcdp-code="my-code"></div>
init配置参数
属性名 | 类型 | 必填 | 默认值 | 说明 | 备注 |
---|---|---|---|---|---|
appId | string | 是 | - | 展位应用ID | 获取展位信息必需 |
workspaceId | string | 是 | - | 展位工作控件ID | 获取展位信息必需 |
reportURL | string | 是 | - | 请求路径host | 获取展位信息必需 |
uploadURL | string | 是 | - | 埋点上报数据host | 埋点上报数据必需 |
userId | string | 否 | - | 用户自定义,不传为空 | 用以统计PV,UV |
utdid | string | 否 | - | 用户自定义,不传为空 | 用以统计PV,UV |
广告类型配置参数
0.1.0-beta.16
3 years ago
0.1.0-beta.12
3 years ago
0.1.0-beta.14
3 years ago
0.1.0-beta.13
3 years ago
0.1.0-beta.15
3 years ago
0.1.0-beta.11
3 years ago
0.1.0-beta.10
3 years ago
0.1.0-beta.9
3 years ago
0.1.0-beta.8
3 years ago
0.1.0-beta.7
3 years ago
0.1.0-beta.6
3 years ago
0.1.0-beta.5
3 years ago
0.1.0-beta.4
3 years ago
0.1.0-beta.3
3 years ago
0.1.0-beta.2
3 years ago
0.1.0-beta.1
3 years ago