视频广告系统接入流程
<h3>概述</h3>
<ul>
<li>好买手视频商城分销系统是一款非常简洁的视频广告变现系统。</li>
</ul>
<h3>好买手视频商城分销系统接入微信小程序流程图</h3>
<pre><code class="language-flow">st=>start: 小程序后台搜索添加插件
op=>operation: app.json中加入引入插件代码
oa=>operation: 页面插入展示代码
cond=>condition: 引入成功 Yes or No?
e=>end: 展示广告
st->op->oa->cond
cond(yes)->e
cond(no)->op</code></pre>
<h2>接入流程</h2>
<h3>一、在小程序中引入插件。</h3>
<p>进入微信公众平台，在设置中找到第三方服务，在插件管理中添加插件。搜索到“好买手广告”，点击添加，同时打开“好买手广告”的详情，在里面找到该插件的appid与版本号。</p>
<p>接着是代码部分，在app.json中添加</p>
<pre><code class="language-javascript"> "plugins": {
"ad-hms": {
"version": "填最新版本号",
"provider": "wx7ab78c2d3cea43dd"
}
}</code></pre>
<p>其中version是版本号，provider是appid。</p>
<h3>二、在需要使用的页面中引用该插件的组件</h3>
<p>打开想要使用插件页面的json文件，在里面添加</p>
<pre><code class="language-javascript"> "usingComponents": {
"hms-inlet":"plugin://ad-hms/hms-inlet"
}</code></pre>
<h3>三、在页面中插入广告</h3>
<p>进入wxml文件，在里面添加</p>
<pre><code class="language-javascript"> <hms-inlet cid="渠道id" aid="广告id" app_id="接入者app_id" ></hms-inlet></code></pre>
<p>这一步很简单，cid是用户申请的唯一id，aid是指定广告的id，填0将会随机展示。这个组件不能通过css进行样式修改</p>
<h2>接入成功效果展示</h2>
<p>页面植入广告</p>
<p><img src="https://www.showdoc.cc/server/api/common/visitfile/sign/b02ede2b9a6d0b9526658880feb23776?showdoc=.jpg" alt="" />
广告详情</p>
<p><img src="https://www.showdoc.cc/server/api/common/visitfile/sign/492f74f1ee7d4957c5675e853b6eeb49?showdoc=.jpg" alt="" /></p>