先加载完页面再加载广告的原理:

网页打开的顺序都是按页面从上到下的顺序加载完成的,所以要想使广告不影响页面打开速度,就要等页面全部打开完成后,再加载JS代码。等页面加载完再加载广告其实就是将广告的 JS 代码放在页面的底部,等页面内容打开完成后再加载到广告代码,再用页面上预留好的的 DIV 输出广告。

使用方法:

1、将以下代码放置页面中想要放广告的地方

载入中…

2、将一下代码放置页面底部,也就是footer,php文件的底部。

这里放广告代码

document.getElementById("myads").innerHTML = document.getElementById("span_myads").innerHTML;

document.getElementById("span_myads").innerHTML = "";

OK,这样就实现了先加载完页面再加载广告了,怎么样不影响大家阅读吧.

上面的方法可以加载任何方式的广告,但现在百度与google的都不让使用了,容易造成广告的二次加载,点击率也会降低。下面脚本之家小编为大家分享下,比较新的加载广告的方式:

1、可以加载字符串类型与google类型的

function doad(datastr,id){

//getid(id).innerHTML = datastr; 这个是原生js的写法

$("#"+id).html(datastr); //这个是jquery写法

}

/*

上面的都是直接的字符串写入,不能是js代码

下面的代码利用的是jquery的append加载google广告不错,百度的好像不能用。后加载百度的可以是用百度管家自带的函数。

*/

function doad2(datastr,id){

$("#"+id).append(datastr);

}

var logo_m='';

doad(logo_m,'logo_m');

2、可以加载google广告的代码

$(document).ready(function(){

$('#google_ads_1').append("" +

"

""+

"" style=\"display:inline-block;width:728px;height:90px\""+" data-ad-client=\"ca-pub-345345345345\""+" data-ad-slot=\"345345345\">"+

"

" (adsbygoogle = window.adsbygoogle || []).push({});"+

"<\/script>");

});

一般都是页面完全加载完,再加的广告,当然现在google现在新出的异步加载广告的代码也是挺快的,不会卡网页了。

上面的都是后加载google的异步广告代码。

对于这样的字符加载方法,个人不太喜欢,我还是比较喜欢这样的,代码如下

var botad='';

botad+='';

$(document).ready(function(){

$('#google_ads_1').append();

});

3、可以加载百度广告联盟的代码百度管家自带的后加载广告的代码,基于jquery

$.getScript("http://cbjs.baidu.com/js/m.js", function() {

BAIDU_CLB_fillSlotAsync("广告id,不能带u","tonglanbd");

});

google android广告异步加载,javascript 广告后加载,加载完页面再加载广告相关推荐

  1. html页面加载时执行ajax请求,页面加载完成之后,ajax远程调用的数据才显示出来。有没有可能使ajax部分的程序执行完了,页面再加载完成...

    王不懒 (作者) 回复 DCloud_UNI_FXY: mui.plusReady(function(){ var now = plus.webview.currentWebview(); now.h ...

  2. google android广告异步加载,谷歌广告异步代码和同步代码的解决方法

    通常大部分人初次接触谷歌google adsense广告联盟都会有疑问,在新建单元界面我们可以看到获取代码类型选项.下面是学习啦小编为大家整理的关于谷歌广告异步代码和同步代码的解决方法,一起来看看吧! ...

  3. 百度联盟广告代码php,百度联盟广告异步加载的方法

    百度联盟广告很多个人站长都在用 ,虽说不指望靠它挣大钱 ,但是补贴下域名服务器费用也是极好的. simon最近一直在尝试优化页面载入速度,好提升用户体验,但后来发现只要加载了百度联盟的广告,页面加载时 ...

  4. 百度ssp php源码,百度联盟SSP媒体广告异步加载代码最优解决方案

    百度联盟SSP媒体广告异步加载代码最优解决方案 相信很多站长跟我一样,建站之后第一时间就会去做百度.谷歌等联盟广告,原因很简单,就是希望能给自己增加一丢丢的收入,虽然可能几个月才收到100块(百度真小 ...

  5. android listview动态加载网络图片不显示,Android Listview异步动态加载网络图片

    Android Listview异步动态加载网络图片 详见: http://blog.sina.com.cn/s/blog_62186b460100zsvb.html 标签: Android SDK ...

  6. Android网络图片异步加载

    前言 其实很幸运,入职一周之后就能跟着两个师兄做android开发,师兄都是大神,身为小白的我只能多多学习,多多努力.最近一段时间都忙的没机会总结,今天刚完成了android客户端图片异步加载的类,这 ...

  7. Android Loader 异步加载详解二:探寻Loader内部机制

    Android Loader 异步加载详解二:探寻Loader内部机制 转载请标明出处:http://blog.csdn.net/zhaoyanjun6/article/details/7025991 ...

  8. Android Loader 异步加载详解一:基础概念

    转载请标明出处:http://blog.csdn.net/zhaoyanjun6/article/details/70241844 本文出自[赵彦军的博客] Android Loader 异步加载详解 ...

  9. android listview 异步加载问题

    ============问题描述============ 学做android,自己想模仿QQ空间做一个小demo listview异步加载图片的时候遇到了一个问题 异步加载用到了SoftReferen ...

最新文章

  1. Linux网络编程:基于UDP的程序开发回顾篇
  2. 如何设计一个牛逼的本地缓存
  3. 大数据分析与可视化报告会成功召开(附PPT下载)
  4. AVI音视频封装格式学习
  5. 对待棘手bug,新手与大牛的差距在哪里?
  6. jacobi matlab程序,jacobi迭代法实验MATLAB程序数值分析
  7. 常见问题_朗动常见问题
  8. Android URL Scheme
  9. 小米3 android4.4,小米3移动版原厂刷机包4.4.4rom线刷包Root权限驱动
  10. 8 EXCEL选择填充与粘贴
  11. C语音基础-----那些年我们踩过的坑(一)
  12. html2:什么是超文本?
  13. 华为交换机dhcp获取不到_S7706交换机客户端无法通过DHCP获取地址问题
  14. 英雄不问出处--十大名企用人理念
  15. ambari全攻略流程,编译ambari(三)
  16. command命令大全(转自http://blog.dhedu.gov.cn/u/72/archives/2009/14290.html)
  17. 《Redis系列第三篇、incr与decr使用|CSDN创作打卡》
  18. 【Shecan Notes】从二叉树出发浅谈风险中性定价
  19. 中小型软件开发项目管理
  20. 睡眠经济逆势袭来,传统床品行业如何借势崛起

热门文章

  1. 钨丝灯亮度计算_一个应用光学的题
  2. butterfly配置记录
  3. SCIEEI1区智能传感器类征稿通知
  4. dllhost.exe进程
  5. python 编程基础总结
  6. I - 超凡大师 CSU - 2031: Barareh on Fire
  7. 区块链是什么,如何学习区块链技术?快速上手
  8. 跆拳道反应速度的训练方法(一)
  9. 教师节如何引流?教师节引流文案怎么写?教师节引流技巧
  10. 下载AOSP源码编译、调试、刷机