uniapp Android IOS 广告接入(uni_ad)

公司要在app中接入广告,因为之前没有弄过这一块(有点慌),然后就去网上查找一些资料,找了一圈文章,要么要收费才能看,要么就是内容不全的,不知道是太简单了还是什么问题,然后在这里记录一下接入的哪些广告,需要什么流程等,希望给做类似项目的小伙伴们一些参考。

1、接入广告的前提是要先开通广告

1.1 使用创建应用的账号登录 DCloud  后台 ,然后点击 uni_ad

1.2 进来之后,点击 广告设置,然后点击你应用右边的 '应用详情'

1.3 进入应用详情之后,你会看到有哪些广告,按公司的需求 点击 需要 开通的广告

1.4 进入到开通的界面之后,根据要求填写对应的内容,点击下面的开通按钮就可以了

2、审核通过之后,就好办了

因为我们公司是接入三种类型的广告(开屏广告,插屏广告,激励广告)

2.1 开屏广告

最简单了,还是在 广告设置 这个页面,往下滑,就可以看到 app开屏广告管理,只需要点击开启按钮,就会自动开启了

2.2 插屏广告

还是在 广告设置 这个页面,在最底下,会看到  新增广告位 的绿色按钮,点击之后,选择插屏广告,点击开通,开通之后 就会有一个广告位id

2.2.1  进入 插屏广告 | uni-app官网

复制一下组件示例,把广告位id改成你刚刚生成的广告id就可以了

<template>
  <view class="content">
    <ad-interstitial ref='adRef' adpid="广告位id" :loadnext="true" v-slot:default="{loading, error}" @load="onadload" @close="onadclose" @error="onaderror">
      <button :disabled="loading" :loading="loading">显示广告</button> // 这个可以去掉
      <view v-if="error">{{error}}</view>
    </ad-interstitial>
  </view>
</template>

<script>
export default {
  data() {
    return {
    }
  },
  methods: {
    onadload(e) {
      console.log('广告数据加载成功');
    },
    onadclose(e) {
		 console.log("广告关闭",e);
    },
    onaderror(e) {
      // 广告加载失败
      console.log("onaderror: ", e.detail);
    }
    // 调用展示广告的 show 方法就可以展示了,因为广告默认是隐藏的,这个方法你可以对外暴露,也可以写个按钮点击事件都可以 
    showAd(){
        this.$refs.adRef.show()
    }
  }
}
</script>

激励广告流程跟这个都是差不多的,至此就完结了。

差点忘了,开通广告之前 ,你的应用需要上架应用市场,因为在开通的时候,要填一个你app在应用商店的下载地址。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值