>웹 프론트엔드 >JS 튜토리얼 >광고 후 javascript가 로드되고, page_javascript 기술이 로드된 후 광고가 로드됩니다.

광고 후 javascript가 로드되고, page_javascript 기술이 로드된 후 광고가 로드됩니다.

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB원래의
2016-05-16 18:15:261475검색

페이지를 먼저 로드한 후 광고를 로드하는 원칙:

웹 페이지가 열리는 순서는 위에서 아래로 로드되므로 광고가 페이지 열기 속도에 영향을 주지 않도록 하려면 JS 코드를 로드하기 전에 모든 페이지가 열릴 때까지 기다려야 합니다. 광고를 로드하기 전에 페이지가 로드되기를 기다리는 것은 실제로 광고의 JS 코드를 페이지 하단에 배치하고 페이지 콘텐츠가 열릴 때까지 기다린 다음 이를 광고 코드에 로드한 다음 페이지에 예약된 DIV를 사용하는 것입니다. 광고를 출력합니다.

사용방법:
1. 페이지에서 광고를 게재하려는 위치에 다음 코드를 삽입하세요

코드 복사 코드는 다음과 같습니다.

fe075bbea996e0d09928a3b142eb28d4로드 중...16b28748ea4df4d9c2150843fecfba68
2. 페이지 하단(php 파일의 바닥글이자 하단)에 다음 코드를 배치합니다.

코드 복사 코드는 다음과 같습니다.
48d2098d845c0120c6042c73fcbaa623여기에 광고 코드를 입력하세요16b28748ea4df4d9c2150843fecfba68 93200213d0e14a0c77a20ed2bab9246f document.getElementById("myads").innerHTML = document.getElementById("span_myads").innerHTML
document.getElementById("span_myads").innerHTML = ""
스크립트>



자, 이렇게 하면 페이지가 먼저 로드된 다음 모든 사람의 독서에 영향을 주지 않는 것이 어떨까요?

위 방법은 어떤 종류의 광고든 로드할 수 있지만, 현재 바이두와 구글에서는 이를 허용하지 않고 있어 광고가 두 번 로드되기 쉬우며 클릭률도 감소하게 됩니다. 아래에서는 Script House의 편집자가 광고를 로드하는 비교적 새로운 방법을 알려드리겠습니다.

1. 문자열 유형과 Google 유형을 로드할 수 있습니다

2. 구글 광고를 로드할 수 있는 코드
<div id="logo_m"></div>
<script>
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='<a href="http://www.danhw.com/" target="_blank"><img src="http://files.jb51.net/image/kongbao_370.gif" width=370 height=60 /></a>';
doad(logo_m,'logo_m');
</script>

일반적으로 페이지가 완전히 로드되고 광고가 추가됩니다. 물론 광고를 비동기적으로 로드하는 Google의 새로운 코드도 매우 빠르며 웹페이지가 중단되지 않습니다.
위의 코드는 모두 나중에 Google을 로드하는 비동기 광고 코드입니다.
$(document).ready(function(){
	$('#google_ads_1').append("" +
	"<script src=\"\/\/pagead2.googlesyndication.com/pagead/js/adsbygoogle.js\"><\/script>"+
	"<!-- question-side -->"+
	"<ins class=\"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>");
});
저는 개인적으로 이런 캐릭터 로딩 방식을 좋아하지 않지만, 그래도 선호하는 코드는 다음과 같습니다


3. Baidu Advertising Alliance의 코드를 로드할 수 있습니다
var botad='<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>';
botad+='<ins class="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();
});
jquery를 기반으로 한 Baidu Butler의 포스트 로딩 광고용 코드


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.