javascript广告后加载,加载完页面再加载广告
JavaScript 页面 加载 广告
2023-06-13 09:14:25 时间
先加载完页面再加载广告的原理:
网页打开的顺序都是按页面从上到下的顺序加载完成的,所以要想使广告不影响页面打开速度,就要等页面全部打开完成后,再加载JS代码。等页面加载完再加载广告其实就是将广告的JS代码放在页面的底部,等页面内容打开完成后再加载到广告代码,再用页面上预留好的的DIV输出广告。
使用方法:
1、将以下代码放置页面中想要放广告的地方
<divid="myads">载入中…</div>
2、将一下代码放置页面底部,也就是footer,php文件的底部。
<divid="span_myads">这里放广告代码</div>
<scripttype="text/javascript">
document.getElementById("myads").innerHTML=document.getElementById("span_myads").innerHTML;
document.getElementById("span_myads").innerHTML="";
</script>
OK,这样就实现了先加载完页面再加载广告了,怎么样不影响大家阅读吧.
1、可以加载字符串类型与google类型的
<divid="logo_m"></div> <script> functiondoad(datastr,id){ //getid(id).innerHTML=datastr;这个是原生js的写法 $("#"+id).html(datastr);//这个是jquery写法 } /* 上面的都是直接的字符串写入,不能是js代码 下面的代码利用的是jquery的append加载google广告不错,百度的好像不能用。后加载百度的可以是用百度管家自带的函数。 */ functiondoad2(datastr,id){ $("#"+id).append(datastr); } varlogo_m="<ahref="http://www.danhw.com/"target="_blank"><imgsrc="//img.jbzj.com/image/kongbao_370.gif"width=370height=60/></a>"; doad(logo_m,"logo_m"); </script>
2、可以加载google广告的代码
$(document).ready(function(){ $("#google_ads_1").append(""+ "<scriptsrc=\"\/\/pagead2.googlesyndication.com/pagead/js/adsbygoogle.js\"><\/script>"+ "<!--question-side-->"+ "<insclass=\"adsbygoogle\""+ "style=\"display:inline-block;width:728px;height:90px\""+ "data-ad-client=\"ca-pub-345345345345\""+ "data-ad-slot=\"345345345\"></ins>"+ "<script>"+ "(adsbygoogle=window.adsbygoogle||[]).push({});"+ "<\/script>"); });
一般都是页面完全加载完,再加的广告,当然现在google现在新出的异步加载广告的代码也是挺快的,不会卡网页了。
上面的都是后加载google的异步广告代码。
对于这样的字符加载方法,个人不太喜欢,我还是比较喜欢这样的,代码如下
varbotad="<scriptasyncsrc="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>"; botad+="<insclass="adsbygoogle"style="display:inline-block;width:336px;height:280px"data-ad-client="ca-pub-343534534"data-ad-slot="6343459"></ins><script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>"; $(document).ready(function(){ $("#google_ads_1").append(); });
3、可以加载百度广告联盟的代码
百度管家自带的后加载广告的代码,基于jquery
<divid="tonglanbd"></div> <scripttype="text/javascript"> $.getScript("http://cbjs.baidu.com/js/m.js",function(){ BAIDU_CLB_fillSlotAsync("广告id,不能带u","tonglanbd"); }); </script>
相关文章
- javascript 高级教程 视频_精通JavaScript
- javascript 基础_JavaScript高级编程
- JavaScript实现页面前进后退「建议收藏」
- JDK8系列之JavaScript引擎Nashorn
- 【说站】JavaScript组合模式是什么
- html左侧浮动广告代码,如何制作浮动广告 JavaScript制作浮动广告代码
- JavaScript 入门基础 / 概念介绍(一)
- 使用原生 JavaScript 在页面加载完成后处理多个函数
- JavaScript基本包装类型
- JavaScript学习总结(十七)——Javascript原型链的原理详解编程语言
- 在textarea中显示html页面的javascript代码
- javascript页面只自动刷新一次
- 通过javascript设置css属性的代码
- 来自国外的页面JavaScript文件优化
- JavaScript高级程序设计阅读笔记(十七)js事件
- 浅谈JavaScript之事件绑定
- JavaScript获取/更改文本框的值的实例代码
- javascript读写XML实现广告轮换(兼容IE、FF)
- Javascript实现页面跳转的几种方式分享
- 用Javascript获取页面元素的具体位置
- Javascript实现带关闭按钮的网页漂浮广告代码
- Javascript检查图片大小不要让大图片撑破页面
- 浅析javascript定时器
- JavaScript学习笔记之定时器
- 禁用页面部分JavaScript不是全部而是部分