uniapp的H5网页版添加uni-AD广告代码以及方法，以“想发APP”网页版为例

直接在主页面或其他需要展现的页面插入如下代码：

<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”体验更加真实。