f 자유게시판

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

5,569

목록 글쓰기

그누보드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

자유게시판 관련글

코멘트입력

목록 글쓰기


분류	제목



pc	webhelper 제거하기 (유토렌트)

ucc	친구 뒷담화 몰카 [유머]

web	웹사이트 로딩속도체크 (= 홈페이지로딩 지연원인 찾기)

web	홈페이지 운영 중요 고려 사항

pc	윈도우10 - 작업표시줄 최근 연 항목 삭제 방법 (= 최근 열어본 파일 목록 제거)

web	코드정리기 (= 소스정리기 code beautifier) + JS압축기

vote	채팅방은 홈페이지 활성화에 도움될까 안 될까? (= 채팅방 장단점) 설문 중

web	십진법 (=십진수) , 이진법(= 이진수) 개념 및 변환

web	핑 테스트로 도메인 서버 아이피 알아내기 (= 핑테스트 Ping, Domain, IP 확인)

web	트래픽 아끼는 법 1 - robots.txt 파일을 사용하여 구글 로봇 페이지 차단 또는 삭제

autoset	Autoset (오토셋) - MySQL「서버를 시작하지 못했습니다」에러 해결 (= Autoset, DB접속에…

site	추천에디터 무료다운로드 주소 모음 (= 에디터종류 = 에디터추천 = 소스편집기무료다운좌표) (Editor, … 설문 중

web	홈페이지 제작 필수 요소 - 빌더 (홈페이지 소스), 호스팅 (서버), FTP, 도메인

pc	크롬제거방법 (= 크롬삭제방법 = 제어판프로그램제거 = 제어판프로그램삭제)

web	홈페이지 제작에 꼭 필요한 것들 - 빌더, 호스팅 (서버), FTP, 도메인

web	192.243.55.xxx 아이피 (= SemrushBot 검색로봇)

editplus	에디트플러스 (EditPlus) - 자동완성기능 ★★★★★ (autocomplete)

pc	HP G200 게이밍 마우스 정품 사용 후기

pc	윈도우10 - 마우스커서가 옆으로 천천히 스스로 움직이는 증상 없애기 (= 마우스커서가 멋대로 자동 이동하는…

dance	블랙박스에 찍힌 고딩 커플의 신들린 댄스 배틀

7/163

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

자유게시판 관련글

공지사항

최신글

최신댓글

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