小程序 插屏广告 使用 wx.createInterstitialAd()

本文详细介绍了在小程序中实现插屏广告的方法,包括如何创建广告组件、调用展示及监听事件,提供了完整的代码示例。

注:启动小程序(即第一次需要)半分钟才可以显示插屏,两次插屏时间必须有 1 分钟

 

小程序广告指引:https://developers.weixin.qq.com/community/develop/doc/00060ef22cc00855a4681691c5bc01

wx.createInterstitialAd 创建插屏广告组件。每调用一次该方法,返回的都是一个全新实例,该实例仅对当前页面有效,不允许跨页面使用
以下是封装的方法

 

export default function(adUnitId) {
    this.Ad = false;    
    
    if(wx.createInterstitialAd){
        this.Ad=wx.createInterstitialAd({
            adUnitId:adUnitId
        })
    }
    
    this.show = function(opt){
        var defaul_opt = {
            show_suc:function(){ console.log('interstitial ad show suc'); },
            show_fail:function(err){ console.log('interstitial ad show fail',err); },
            close:function(){ console.log('interstitial ad close'); }
        }
        
        opt = { ...defaul_opt,...opt };
        if(!this.Ad){
            opt.show_fail('this ad is false');
            return false;
        }
        this.Ad.show().then(function(){
            opt.show_suc();
        }).catch(function(err){
            opt.show_fail(err);
        });
        
        //on close
        this.Ad.offClose();
        this.Ad.onClose(function(){
            opt.close();
        })
    }
    
}

 

然后我们直接调用就可以了

  • 首先我们在onload的时候创建一个插屏广告对象

 

that.interAdObj = new interAd('adunit-fd6c6f6f5129493f');

 

然后我们点击的时候进行展示

 

this.videoAdObj.show({
    show_suc:()=>{},
    show_fail:()=>{},
    close:()=>{}
})

 

 

### 抖音小程序插屏广告实现与配置 #### 插屏广告概述 插屏广告是一种全屏幕覆盖式的广告形式,通常会在应用的关键节点弹出,如页面切换或者特定操作完成之后。这种类型的广告由于其较大的展示面积和较高的视觉冲击力,在吸引用户注意力方面具有显著优势[^4]。 #### 创建插屏广告实例 为了在抖音小程序中成功集成并使用插屏广告,开发者需先通过`createInterstitialAd()`方法来创建一个插屏广告对象。此过程涉及指定唯一的广告单元ID(`adUnitId`),该ID由平台提供给已注册成为流量主的小程序开发者账户[^2]。 ```javascript let interstitialAd = null; if (tt.createInterstitialAd) { interstitialAd = tt.createInterstitialAd({ adUnitId: 'your_ad_unit_id_here' }); } ``` 注意上述代码中的`tt`代表的是抖音小程序API前缀,而非微信小程序使用的`wx`。这表明虽然两者功能相似,但在不同平台上具体调用方式可能存在差异。 #### 设置监听器 一旦创建好插屏广告实例后,可以通过设置相应的事件处理函数来进行状态监控以及错误捕获: - `onLoad`: 当广告加载完成后触发; - `onError`: 如果发生任何加载失败的情况会执行这里的回调逻辑; - `onClose`: 用户关闭广告时会被调用。 这些钩子可以帮助更好地管理用户体验流程,并确保即使出现问题也能得到妥善解决。 ```javascript interstitialAd.onLoad(() => {}); interstitialAd.onError((err) => {console.log('error:', err)}); interstitialAd.onClose(() => {}); ``` #### 显示插屏广告 最后一步是在合适的时间点调用`.show()`方法以实际呈现广告内容给到终端用户面前。考虑到用户体验的重要性,建议仅在自然过渡期间(比如游戏结束、返回首页等)才去尝试显示这类侵入性强的内容。 ```javascript // 在适当位置调用如下代码片段 if (interstitialAd) { interstitialAd.show().catch((err) => { console.error(err); }); } ``` #### 优化策略 对于希望提高插屏广告效果的应用来说,除了遵循官方指南外还可以考虑以下几个方面的改进措施: - **频率控制**:合理规划每次展示之间的时间间隔,避免过度频繁打扰用户。 - **时机选择**:挑选最有可能引起关注而不影响正常使用体验的时刻投放广告。 - **创意设计**:利用高质量素材制作吸引人的广告内容,增强互动性和吸引力。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值