# 概述和使用

短视频内容填充目前仅支持Android

# 注意

注意

  • 接入短视频需要先根据第3步打包生成自定义基座并在HBuilder中使用自定义基座,否则广告将不能正确调用.
  • 请使用此代码位测试短视频广告.

# 接入前准备

  • IDE(开发工具): HBuilderXAndroid Studio 4.0+ (请使用下载页指定的HBuilderX: 见下载页 )
  • Android打包工程: 下载页

# 1.短视频Feed流

广告样式和广告位绑定,需要指定广告位请联系商务定制

# 效果图:

单Feed流小卡

单Feed流小卡

单Feed流大卡

单Feed流大卡

双Feed流

双Feed流

# 使用

//加载原生组件
const fnPageVlog = uni.requireNativePlugin('fn-ad-pageVlog');
//设置回调,如无需回调可不设置,必须在显示前设置回调
fnPageVlog.setOnPageEnter(() => {
    console.log('进入短视频页面');
});
fnPageVlog.setOnPageResume(() => {
    console.log('页面恢复');
});
fnPageVlog.setOnPagePause(() => {
    console.log('页面暂停');
});
fnPageVlog.setOnPageLeave(() => {
    console.log('页面离开');
});
fnPageVlog.setOnVideoPlayStart(() => {
    console.log('视频开始');
});
fnPageVlog.setOnVideoPlayPaused(() => {
    console.log('视频暂停');
});
fnPageVlog.setOnVideoPlayResume(() => {
    console.log('视频恢复');
});
fnPageVlog.setOnVideoPlayCompleted(() => {
    console.log('视频播放完成');
});
fnPageVlog.setOnVideoPlayError((data) => {
    console.log(`视频播放错误,错误代码:${data.code}`);
});
//加载并显示
fnPageVlog.showAd('15f99fnee6b2842');
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

# 2.短视频

# 效果图

通用

短视频

# 使用

//加载原生组件
const fnVlog = uni.requireNativePlugin('fn-ad-vlog');
//设置回调,如无需回调可不设置,必须在显示前设置回调
fnVlog.setOnPageEnter(() => {
    console.log('进入短视频页面');
});
fnVlog.setOnPageResume(() => {
    console.log('页面恢复');
});
fnVlog.setOnPagePause(() => {
    console.log('页面暂停');
});
fnVlog.setOnPageLeave(() => {
    console.log('页面离开');
});
fnVlog.setOnVideoPlayStart(() => {
    console.log('视频开始');
});
fnVlog.setOnVideoPlayPaused(() => {
    console.log('视频暂停');
});
fnVlog.setOnVideoPlayResume(() => {
    console.log('视频恢复');
});
fnVlog.setOnVideoPlayCompleted(() => {
    console.log('视频播放完成');
});
fnVlog.setOnVideoPlayError((data) => {
    console.log(`视频播放错误,错误代码:${data.code}`);
});
//显示短视频
fnVlog.showAd('15f99fn55d6dad');
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

# 3.离线打包(生成自定义基座和正式包)

uni-app Android广告打包

# 4.测试广告位

请使用 测试广告位 测试