百度联盟广告 js 代码多次重复引入解决办法,百度联盟广告异步加载

学习笔记 马富天 2017-07-26 16:12:30 317 0

【摘要】很开心自己的博客经过一年的时间,能够加入到百度联盟中【心情是无比兴奋】,然后我就在博客上面添加了不少的广告,然而我发现在同一页面中如果引入多个广告代码,则会造成同一 js 代码多次引入,从而减慢的网站的访问速度,本文讲讲如何使用另外一种方法来加载百度广告。

通常我们在页面中也加载百度联盟广告时,通常在选择的位置上贴上百度 js 引入代码,例如:

  1. <script type="text/javascript">
  2.     /*230*250 创建于 2017-6-20*/
  3.     var cpro_id = "u3017672";
  4. </script>
  5. <script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/c.js"></script>

在页面中需要添加广告位的地方,就插入上面这一段代码,然而当我们的代码数不少的时候,则会重复的引入这一次 js 代码:

但这并不是我们希望的,我们只希望 js 代码加载一次就够了,重复加载的话会严重影响网站的加载速度的。于是乎就有了下面的代码:

  1. <div id="loadad1"></div>
  2. <div id="loadad2"></div>
  3. <script type="text/javascript" src="http://cbjs.baidu.com/js/m.js"></script>
  4. <script type="text/javascript">
  5.     BAIDU_CLB_fillSlotAsync("u3015752","loadad1");
  6.     BAIDU_CLB_fillSlotAsync("u3012650","loadad2");
  7. </script>

当然是用 jQuery 引入也是可行的:

  1. $.getScript("http://cbjs.baidu.com/js/m.js", function() {
  2.     BAIDU_CLB_fillSlotAsync("u3015752","loadad1");
  3.     BAIDU_CLB_fillSlotAsync("u3012650","loadad2");
  4. });

通过这种引入方式就能够避免 js 代码被重复的加载。以上代码是不是很简单实用呢,实现了百度联盟代码的异步加载,且不重复引入 js 代码。

版权归 马富天PHP博客 所有

本文标题:《百度联盟广告 js 代码多次重复引入解决办法,百度联盟广告异步加载》

本文链接地址:http://www.mafutian.net/291.html

转载请务必注明出处,小生将不胜感激,谢谢! 喜欢本文或觉得本文对您有帮助,请分享给您的朋友 ^_^

0

0

上一篇《 在苹果 iphone 手机的 ios 系统下修改 button 按钮的默认 css 样式 》 下一篇《 PHP 含秘钥的可逆加密解密算法 》

暂无评论

评论审核未开启
表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情
验证码

TOP10

  • 浏览最多
  • 评论最多