概述和使用

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

注意

注意

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

接入前准备

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

1.短视频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');

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');

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

见uni-app Android广告打包

4.测试广告位

请使用 测试广告位 测试