当前位置：首页 > 资讯 > 技术文档

Javascript 实现广告后加载可加载百度谷歌联盟广告 <font color="red">原创</font>

时间：2022-10-26 21:02 编辑：来源：阅读：
扫一扫，手机访问

摘要：Javascript 实现广告后加载可加载百度谷歌联盟广告 <font color="red">原创</font>

　　本文主要介绍一种新的广告后加载的方式，支持自定义HTML广告、百度联盟广告和谷歌联盟广告。这种方式在页面加载完成后执行，不影响内容的显示，对用户更加友好。　　我们在网站上放置广告，最简单的方法就是把JS代码，插入指定的位置，这样带了后果就是，页面按照顺序加载，偶尔一条广告代码卡住，整个页面都会卡住，给用户带来的体验是极差的。　　那么怎么解决这种问题呢？先说一下原理，在我们的页面上先预留一些占位符，为了不影响页面内容的加载，我们在页面的底部引入JS处理，逐个把占位符替换成相应的广告。 [b]下面我们看具体的实现步骤：[/b] [b]一、在页面上放置占位符，其实就是一个span标记[/b]

[url= 注意：jbMap是放置广告的数组，数组的Key和Span标记的ID是对应的，我们可以在这个JS中按照这种形式添加自己的广告。这种广告加载方式，支持自定义的HTML广告、百度联盟广告、谷歌联盟广告，这里都给大家做了演示。 [b]三、在页面底部中引入JS，调用jbLoader加载广告[/b]

[u]复制代码[/u] 代码如下:

<script type="text/javascript" src='js/jbLoader.js'></script>

<script>jbLoader();</script><script class="closetag">jbLoader(true);</script>

<script>jbLoader();</script><script class="closetag">jbLoader(true);</script>

<script>jbLoader();</script><script class="closetag">jbLoader(true);</script>

注意：格式必须是如上这种格式，有几个占位符，就添加几个<script>jbLoader();</script><script class="closetag">jbLoader(true);</script> 不要问小编为什么要这样调用，其实小编也研究了一下： 1.第一次jbLoader()是为了写标记，第二次jbLoader(true)是为了替换标记。 2.用两个<script>是为了第二次调用能取到相应的元素。 3.有几个占位符就写几行script是为了互不影响，各显示各的。 [b]总之：好多大网站都在使用这种方法，大家放心用好了。至此，就完成了页面广告后加载的调用。[/b]

全部评论(0)

上一篇：用javascript实现的仿Flash广告图片轮换效果
下一篇：js漂浮广告实现代码（合集经典）符合W3C

资讯排行榜
更多>>

联系客服

客服电话：
400-000-3129

微信版

扫一扫进微信版

返回顶部

Javascript 实现广告后加载 可加载百度谷歌联盟广告 <font color="red">原创</font>

Javascript 实现广告后加载可加载百度谷歌联盟广告 <font color="red">原创</font>