javascript 광 고 를 불 러 온 후 페이지 를 불 러 오고 광 고 를 불 러 옵 니 다.
3849 단어 광고 후 불 러 오기
웹 페이지 를 여 는 순 서 는 모두 페이지 가 위 에서 아래로 불 러 오 는 순서 로 이 루어 지기 때문에 광고 가 페이지 열기 속도 에 영향 을 주지 않 으 려 면 페이지 가 모두 열 린 후에 JS 코드 를 불 러 와 야 한다.페이지 에 광 고 를 불 러 온 다음 에 광 고 를 불 러 오 는 것 은 바로 광고의 JS 코드 를 페이지 의 아래쪽 에 두 고 페이지 내용 이 열 린 후에 광고 코드 에 불 러 온 다음 에 페이지 에 미리 남 겨 진 DIV 로 광 고 를 출력 하 는 것 이다.
사용 방법:
1.아래 코드 를 페이지 에 광고 하고 싶 은 곳 에 배치 합 니 다.
<div id="myads"> …</div>
2.코드 를 페이지 아래쪽,즉 footer,phop 파일 의 아래쪽 에 놓 습 니 다.
<div id="span_myads"> </div>
<script type="text/javascript">
document.getElementById("myads").innerHTML = document.getElementById("span_myads").innerHTML;
document.getElementById("span_myads").innerHTML = "";
</script>
OK,이렇게 해서 먼저 페이지 를 불 러 오고 광 고 를 불 러 오 는 것 이 실현 되 었 습 니 다.어떻게 하면 여러분 이 읽 는 데 영향 을 주지 않 겠 습 니까?
위의 방법 은 어떤 방식 의 광 고 를 불 러 올 수 있 지만,현재 바 이 두 와 구 글 은 사용 하지 못 하 게 하여 광고의 2 차 로 딩 을 초래 하기 쉬 우 며,조회 수 도 떨 어 질 것 이다.다음은 저희 가 여러분 께 새로운 광 고 를 불 러 오 는 방식 을 알려 드 리 겠 습 니 다.
1.문자열 형식 과 google 형식 을 불 러 올 수 있 습 니 다.
<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="//img.jbzj.com/image/kongbao_370.gif" width=370 height=60 /></a>';
doad(logo_m,'logo_m');
</script>
2.구 글 광 고 를 불 러 올 수 있 는 코드
$(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>");
});
일반적으로 페이지 를 완전히 불 러 오고 광 고 를 추가 합 니 다.물론 현재 구 글 에서 새로 나 온 비동기 로 광 고 를 불 러 오 는 코드 도 빠 르 기 때문에 웹 페이지 를 끊 지 않 습 니 다.위 에 있 는 것 은 모두 구 글 의 비동기 광고 코드 를 불 러 옵 니 다.
이런 문자 불 러 오 는 방법 에 대해 개인 적 으로 별로 좋아 하지 않 습 니 다.저 는 이런 것 을 비교적 좋아 합 니 다.코드 는 다음 과 같 습 니 다.
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();
});
3.바 이 두 광고 연맹 의 코드 를 불 러 올 수 있 습 니 다.바 이 두 관리자 가 가지 고 있 는 후 광 고 를 불 러 오 는 코드 는 jquery 기반 입 니 다.
<div id="tonglanbd"></div>
<script type="text/javascript">
$.getScript("http://cbjs.baidu.com/js/m.js", function() {
BAIDU_CLB_fillSlotAsync(" id, u","tonglanbd");
});
</script>