自助广告展示代码案例 | 适用于任何网站

广告系统支持易支付和码支付平台，自动化操作，支持大横幅、双列横幅、文字广告等多个类别广告，支持自定义插入网站页面，想在哪里显示什么广告就插入哪里，即插即爽！

66元广告系统授权 详情查看：https://www.lkba.cn/shangpin/164.html

自助广告插件源码 查看更新：https://www.lkba.cn/jiaocheng/161.html

自助广告内页使用教程：https://www.lkba.cn/jiaocheng/166.html

方案①广告代码

<script src="域名/ggcj/module/Jack.js"></script>
<!--哪个页面挂广告哪个页面就要把这个js引用到！-->

<!--横幅广告代码开始-->
<div class="hengfu">
    <iframe class="ggcj-iframe" src="域名/ggcj/hengfugg.php" frameborder=no width=100% scrolling=no></iframe>
</div>
<!--横幅广告代码结束-->

<!--双列图片(小横幅)广告代码开始-->
<div class="zuoyou">
    <iframe class="ggcj-iframe" src="域名/ggcj/zuoyougg.php" frameborder=no width=100% scrolling=no></iframe>
</div>
<!--双列图片(小横幅)广告代码结束-->

<!--文字广告代码开始-->
<div class="wenzi">
    <iframe class="ggcj-iframe" src="域名/ggcj/wenzigg.php" frameborder=no width=100% scrolling=no></iframe>
</div>
<!--文字广告代码结束-->

如果广告域名和展示站点不在同一个站域名，那就只能手动控制高度了！

安全策略问题解决不了，就算解决了部分浏览器的安全策略也限制了，所以使用下面的双端广告吧！

方案②广告代码

<style>.dnwu {display: none;}@media(max-width:520px) {.dnwu {display: block;}.sjwu {display: none;}}</style>

<!--横幅广告开始-->
<div class="hengfu sjwu"><!--横幅电脑端，手机端不显示-->
    <iframe src="域名/ggcj/hengfugg.php" frameborder=no width=100%  height=260 scrolling=no></iframe>
</div>

<div class="hengfu dnwu"><!--横幅手机端，电脑端不显示-->
    <iframe src="域名/ggcj/hengfugg.php" frameborder=no width=100%  height=140 scrolling=no></iframe>
</div>
<!--横幅广告结束-->


<!--双列图片(小横幅)开始-->
<div class="zuoyou sjwu"><!--双列横幅电脑端，手机端不显示-->
    <iframe src="域名/ggcj/zuoyougg.php" frameborder=no width=100%  height=146 scrolling=no></iframe>
</div>

<div class="zuoyou dnwu"><!--双列横幅手机端，电脑端不显示-->
    <iframe src="域名/ggcj/zuoyougg.php" frameborder=no width=100%  height=96 scrolling=no></iframe>
</div>
<!--双列图片(小横幅)结束-->


<!--文字广告开始-->
<div class="wenzi sjwu"><!--文字广告电脑端，手机端不显示-->
    <iframe src="域名/ggcj/wenzigg.php" frameborder=no width=100%  height=76 scrolling=no></iframe>
</div>

<div class="wenzi dnwu"><!--文字广告手机端，电脑端不显示-->
    <iframe src="域名/ggcj/wenzigg.php" frameborder=no width=100%  height=144 scrolling=no></iframe>
</div>
<!--文字广告结束-->

方案3双端广告简化案例

<!--横幅广告代码开始-->
<div class="hengfu">
    <iframe id="myFrame-hengfu" src="域名/ggcj/hengfugg.php" frameborder=no width=100% scrolling=no></iframe>
</div>
<!--横幅广告代码结束-->

<!--双列图片(小横幅)广告代码开始-->
<div class="zuoyou">
    <iframe id="myFrame-zuoyou" src="域名/ggcj/zuoyougg.php" frameborder=no width=100% scrolling=no></iframe>
</div>
<!--双列图片(小横幅)广告代码结束-->

<!--文字广告代码开始-->
<div class="wenzi">
    <iframe id="myFrame-wenzi" src="域名/ggcj/wenzigg.php" frameborder=no width=100% scrolling=no></iframe>
</div>
<!--文字广告代码结束-->
<script>
    var height = (window.innerWidth < 768) ? 140 : 260; // 根据设备宽度判断高度
    document.getElementById("myFrame-fengfu").height = height;
    var height = (window.innerWidth < 768) ? 96 : 146; // 根据设备宽度判断高度
    document.getElementById("myFrame-zuoyou").height = height;
    var height = (window.innerWidth < 768) ? 144 : 76; // 根据设备宽度判断高度
    document.getElementById("myFrame-wenzi").height = height;
</script>
js代码中140 : 260，前者是手机端高度，后者是PC端高度，自行根据自己的广告数量设置高度。

代码都是可以单独放置的，比如首页只想要文字广告，就只复制文字广告的代码放入即可！

温馨提示：广告代码高度/宽度自适应，复制源代码到要展示的广告位即可，广告搭建好后，每段代码的 域名/ggcj 都要改成：你的网站/ggcj/

注意：如果你网站广告不兼容或者错误问题，请自行添加每个广告的div树类名的css样式以及修改自助广告站的css，广告站css文件位置：根目录/module/Jack.css，如需要定制广告指定样式，可以联系Jack进行付费定制喜欢的样式或者页面使用。

---

本文标签： 自主广告插件  网站源码  横幅广告  文字广告