f 자유게시판

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

5,552

목록 글쓰기

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

자유게시판 관련글

코멘트입력

목록 글쓰기


분류	제목



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

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

talk	크롬 브라우저 업데이트 했더니만, 적응이 안 되네요. ㅡㅡ;

pc	크롬 브라우저 이전 버전별 다운로드 링크 주소 좌표

pc	장명옥 발송 저작권 위반 협박 이메일 첨부파일 주의보

web	FTP 이용 불가 상황에서 putty (푸띠, 뿌띠)로 홈페이지 접속해 작업하기

talk	서버 1년 연장 결제 완료.

pc	윈도우10 - 윈도우 단축키 + 크롬단축키 모음 ★ ( = 탭, 창, 검색창, 웹페이지, 마우스 등)

web	SQL - MySQL5.7 (DB) 사용자 비밀번호

web	G5 - 반응형 게시판 만들 때 작업할 페이지

web	(구글・네이버) 검색 포털에 사이트 서브링크 노출 원리

pc	크롬 검색어 자동완성 기능 (사용/중지) 설정 (= 크롬자동완성해제 = 크롬검색어제안해제) ★

web	BS - Material Design 반응형 그리드 레이아웃 분기점 (Breakpoint)

web	(질문/의뢰)하실 때 「간단」이란 말은 피하는 게... ★

site	웹마스터 주소 모음 (= 각종 개발자사이트 좌표) + API 사이트모음 (webmaster, develope…

web	CSS - 글자흐림(= 글자번짐) 원인

life	삼성 스마트폰 정품 확인 방법

pc	윈도우10 - 게임바 화면 녹화

web	그누보드M (짧은주소 URL + 다국어버전) 서비스 시작 - 그누보드 세계화 선언

web	PHP - 중괄호로 변수를 감싸서 문자열 중간에 넣지 말기

138/163

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

자유게시판 관련글

공지사항

최신글

최신댓글

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