百度小程序开发:百度小程序激励广告代码使用方法_百业营销网

百度小程序开发:百度小程序激励广告代码使用方法

百度小程序开发 114℃ 0

百度小程序开发:百度小程序激励广告代码使用方法

百度小程序开发:百度小程序激励广告代码使用方法

创建激励视频广告, 返回一个小程序级别的单例对象,多次创建也仅返回第一个激励视频广告对象(因此一个小程序只需创建一个广告位)。该对象仅对单个页面有效,不允许跨页面使用。按照流量主开通指引中的操作在百青藤平台上获取获取 adUnitId 和 appSid 。


百度小程序激励广告代码swan.createRewardedVideoAd参数说明:

1、adUnitId:小程序广告位 ID。

2、appSid:小程序应用 ID。

image.png


百度小程序激励广告代码swan.createRewardedVideoAd代码示例:

SWAN文件代码:

<view class="wrap">
    <view class="card-area">
        <video
            class="video"
            id="myVideo"
            objectFit="cover"
            poster="{{posterSrc}}"
            src="{{src}}">
            <cover-view s-if="!isEnded" class="ad-container">
                <!-- 蒙层 -->
                <cover-view class="ad-mask">
                </cover-view>
                <!--提示按钮 -->
                <button class="ad-button" type="primary" bindtap="showad">观看15秒广告,解锁完整视频</button>
            </cover-view>
        </video>
    </view>
</view>

js文件代码:

Page({
    onLoad() {
        let videoAd = null;
        if (swan.createRewardedVideoAd) {
            // 完整示例可参考 RewardedVideoAd:(https://smartprogram.baidu.com/docs/develop/api/ad/swan-createRewardedVideoAd/)
            // adUnitId 和 appSid 需要在百青藤平台上获取,打开代码片段时注意需要更改为对应的 appid 使用
            videoAd = swan.createRewardedVideoAd({
                adUnitId: '7182333',
                appSid: 'f71feede'
            });
        }
        this.videoAd = videoAd;
    }
})