视频广告系统H5页面接入流程
<h1>概述</h1>
<ul>
<li>好买手视频商城分销系统是一款非常简洁的视频广告变现系统。</li>
</ul>
<h1>接入流程</h1>
<ul>
<li>
<p><strong>一、在html文件头部中引入插件的js框架。</strong></p>
<p>找到想要引入插件的页面，在页面中引入插件js框架。</p>
<p><code><script src="http://file.haomaishou.com/js/hmsplugin.js"></script></code> </p>
</li>
<li>
<p><strong>二、在需要使用的页面中定义该插件的组件</strong></p>
<p>打开想要使用插件的页面，在里面添加如下代码。</p>
</li>
</ul>
<pre><code class="language-javascript"><script>
var ad = new HmsPlugin();
ad.showindex({
trigger:”#hmsadplugin”,
cid:”渠道id”,
aid:”广告id”,
type:”image”
});
</script></code></pre>
<p>trigger是想要展示广告的标签id，cid是用户申请的唯一id，aid是指定广告的id，填0将会随机展示，type是入口图展示的样式 image是图片 video是视频。</p>
<ul>
<li>
<p><strong>三、在页面中插入广告</strong></p>
<p>找到想要插入广告的位置，添加如下代码。</p>
<p><code>1. <div id=”hmsadplugin”></div></code></p>
</li>
</ul>
<h1>接入成功效果展示</h1>
<ul>
<li>
<p>页面植入广告
<img src="https://www.showdoc.cc/server/api/common/visitfile/sign/c9adbdd961adb23b7cb21abd34bb51f6?showdoc=.jpg" alt="ad" title="ad" /></p>
</li>
<li>广告详情
<img src="https://www.showdoc.cc/server/api/common/visitfile/sign/6a242376ebc96a6553cbec80ac5b7af5?showdoc=.jpg" alt="aa" title="aa" />
<img src="https://www.showdoc.cc/server/api/common/visitfile/sign/30fc7874a56bbdb7131ec49b301f0633?showdoc=.jpg" alt="bb" title="bb" />
<img src="https://www.showdoc.cc/server/api/common/visitfile/sign/0aba4a4da455d0606951ffed3fa48f4f?showdoc=.jpg" alt="cc" title="cc" />
<img src="https://www.showdoc.cc/server/api/common/visitfile/sign/1c0ecbe9a9c46d543997aaabfc8dcc91?showdoc=.jpg" alt="dd" title="dd" /></li>
</ul>