直接在主页面或其他需要展现的页面插入如下代码:
<template>
<view class="content">
<!-- adpid="1111111111" 此广告位标识仅在HBuilderX标准基座中有效,仅用于测试 -->
<!-- 广告后台申请的广告位(adpid)需要自定义基座/云打包/本地打包后生效 -->
<view class="ad-view">
<ad adpid="1111111111" @load="onload" @close="onclose" @error="onerror"></ad>
</view>
</view>
</template>
<script>
export default {
data() {
return {
title: 'ad'
}
},
methods: {
onload(e) {
console.log("onload");
},
onclose(e) {
console.log("onclose: " + e.detail);
},
onerror(e) {
console.log("onerror: " + e.detail.errCode + " message:: " + e.detail.errMsg);
}
}
}
</script>
<style>
.content {
background-color: #DBDBDB;
padding: 10px;
}
.ad-view {
background-color: #FFFFFF;
margin-bottom: 10px;
}
</style>
其中 adpid=“1111111111” 为自己在uniAD后台申请的“H5-三图信息流” 的adpid,修改为自己adpid即可,这是uniapp的h5或app的效果图:
注意:该代码只支持HbuilderX编辑器创建的H5打包为web的项目,其他语言或开发工具开发的可能无法实现,本人还未试过。
“想发APP”网页版已实现的效果图:
想看真实效果,请进入:"想发APP"网页版https://xf.xiangfa.cool/index.html
进入"想发APP"官方网站:想发一点酷官方网站:https://xiangfa.cool/
下载“想发APP”体验更加真实。