f 자유게시판

[money] JS - 애드센스 로드 빠르게 (= 애드센스 로딩 속도 개선) ★

5,609

목록 글쓰기

그누보드5 기준으로 설명. (참고로, 저는 방법2 사용 중)

방법1, 방법2 둘 다 원리는 동일. 단, 로드 이벤트 적용 방식만 다를 뿐.

즉,

adsbygoogle.js 외부 스크립트는 한번만 상단에 추가.

adsbygoogle = window ... 코드는 배너 개수만큼 하단에 추가.

방법1

비동기식 애드센스 코드에서 파란색 코드만 남기고 빨간색 <script> 코드는 삭제 후 추가

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"

style="display:inline-block;width:336px;height:280px"

data-ad-client="ca-pub-○○○○○○○○○○○○"

data-ad-slot="○○○○○○○○○○"></ins>

<script>

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

</script>

head.sub.php 파일안의 </head> 태그 바로 위에 아래 파란색코드 추가

방법1 - 애드센스 원본 코드 사용



<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

방법2 - 애드센스 로드 지연 코드 사용



<script type='text/javascript'>

//<![CDATA[

// Lazy Load AdSense

var lazyadsense=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyadsense||0!=document.body.scrollTop&&!1===lazyadsense)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0);

//]]>

</script>

head.sub.php 파일안의 <body> 태그 안에 아래 파란색코드 추가

<body<?php echo isset($g5['body_script']) ? $g5['body_script'] : ''; ?> onLoad="initialize_page();">

tail.sub.php 파일 </body> 바로 위쪽에 아래 코드 추가

<script>

function initialize_page() {

var ad_cnt = $('.adsbygoogle').length;

if (ad_cnt > 0) {

for(var i=0; i<ad_cnt ; i++) {

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

}

}

}

</script>

※ 한 페이지에 노출되는 구글배너 개수만큼 각 라인 추가

정보출처: https://technosmarter.com/js/google-ads-load-after-page-has-loaded.php

방법2 (저는 이 방법 적용)

비동기식 애드센스 코드에서 파란색 코드만 남기고 빨간색 <script> 코드는 삭제 후 추가

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"

style="display:inline-block;width:336px;height:280px"

data-ad-client="ca-pub-○○○○○○○○○○○○"

data-ad-slot="○○○○○○○○○○"></ins>

<script>

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

</script>

PS. 별도의 파일로 만든 후, 인클루드 형태로 사용 가능.

사용 중인 head.sub.php 파일 상단 <head> 태그 안에 아래 코드 추가.

방법1 - 애드센스 원본 코드 사용



<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

방법2 - 애드센스 로드 지연 코드 사용



<script type='text/javascript'>

//<![CDATA[

// Lazy Load AdSense

var lazyadsense=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyadsense||0!=document.body.scrollTop&&!1===lazyadsense)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0);

//]]>

</script>

tail.sub.php 파일 </body> 바로 위쪽에 아래 코드 추가.

<script>

$(window).load( function() {

var ad_cnt = $('.adsbygoogle').length;

if (ad_cnt > 0) {

for(var i=0; i<ad_cnt ; i++) {

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

}

}

});

</script>

PS.

그누보드5 <head> 태그 위치

① 테마 사용 X : /head.sub.php

② 테마 사용 O : /theme/사용테마/head.sub.php

그누보드5 </body> 태그 위치

① 테마 사용 X : /tail.sub.php
② 테마 사용 O : /theme/사용테마/tail.sub.php

자유게시판 관련글

코멘트입력

목록 글쓰기


분류	제목



editplus	에디트플러스 (EditPlus) - 오늘날짜요일 입력 단축키 (Ctrl + D)

ucc	삐진 여동생 한번에 기분 풀어주는 방법

dance	꾸리꾸리한 날씨에 추기에 딱인 룰라 날개 잃은 천사 댄스

dance	오마이걸 아린 님 살짝 설렜어 댄스 (OH MY GIRL ARIN Nonstop Dance)

talk	게임들이 좋으네용!~ 1

money	애드센스 소개 및 장단점 1

web	서버 - AAI (APM AUTO INSTALLER) - APM자동설치기 (= 자동서버세팅기 = 서버자동세팅…

health	복근운동방법 ★ + 헬스동작이 신체근육에 미치는 영향 (네일러리, 다레비) [건강]

ucc	한국형 발사체 '누리호 (KSLV-II : Korea Space Launch Vehicle-II)' 발사 순…

girl	(방충망 / 커튼) 스스로 다는 누나

ucc	베이글녀 삼총사 [웹드라마]

dance	소울 SOUL 리하 - 걸크러쉬 오빠 나 믿지? 댄스 버스킹

sports	새벽에 토토넘 경기 보려고 일찍 일어났는데...

ucc	선택 익명 테스트 6

web	그누보드M (0.1.9 그누보드 다국어 베타) 업데이트 (18-10-12 16:35)

sports	(레알 마드리드 vs. 맨체스터 시티) 챔피언스리그 축구 준결승전 보고 있는데...

dance	시원한 나무 그늘 아래에서 상큼 댄스

girl	거울 보고 눈꼽(?) 떼는 누나

dance	소울 SOUL 리하 혜준 - 씨스타 SHAKE IT 쉐킷 & So Cool 쏘쿨 댄스

talk	북한 신형 극초음속 미사일 개발 성공 발표 남북한 입장 차이

51/163

[money] JS - 애드센스 로드 빠르게 (= 애드센스 로딩 속도 개선) ★

자유게시판 관련글

공지사항

최신글

최신댓글

운영비 후원해주신 분 리스트