网站首页 >> 相关教程 >> 正文

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

作者:一枚小杰克   时间:2023-09-30 21:21:00   浏览:930  

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

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进行付费定制喜欢的样式或者页面使用。


本文标签: 自主广告插件  网站源码  横幅广告  文字广告 
一枚小杰克

一枚小杰克 https://lkba.cn

博主专注于Z-BLOG网站搭建、网站优化以及电脑故障排查、重装、优化、维修系统等,QQ/WX:2126245521(请注明来意)

相关文章

上一篇:

下一篇:

本文暂无评论 - 欢迎您

请填写验证码

Processed : 0.047 SQL : 14