f 자유게시판

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

5,585

목록 글쓰기

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

자유게시판 관련글

코멘트입력

목록 글쓰기


분류	제목



web	무료홈페이지빌더 사이트모음 ★ (=빌더추천 = 빌더종류 = 홈페이지빌더모음 = 프레임워크종류)

site	상업적 이용 가능 사진 (= 저작권 프리 이미지 사진) 사이트 모음 (= 무료이미지 계속 업데이트 중) ★★…

pc	크롬 업데이트 후, 굵은 폰트 글씨 흐릿(= 글자 흐림 = 글꼴 깨짐) 증상 원인/해결책 「96.0.4664…

pc	유토렌트 광고제거 + ipfilter (아이피 필터) 설치★★★ (U토렌트, utorrent)

pc	크롬 엑셀 열기 읽기 수정 저장 (chrome, excel, open, read, modify, save)

site	한턱내기 러시안룰렛 게임

pc	모바일삼성브라우저 (= 삼성 갤럭시 스마트폰 모바일 브라우저) 캐시새로고침, 캐시삭제, 검색기록삭제, 비밀번…

web	PHP or 연산자 \|\| 키보드 입력법

girl	AI가 그린 여고생 교복 차림 소녀

pc	윈도우10 - 디스크 체크 (= 디스크 손상 복구) + (오류 검사 + 최적화 + 조각 모음) + 디스크 포…

girl	은지 님 (인스타그램주소 + 유튜브채널주소 + 틱톡주소) - 치즈필름 웹드라마 여주인공 (instagram・…

editplus	에디트플러스 (EditPlus) - 탭 들여쓰기 설정 ★★★ (tab text-indent width) / …

sports	대한민국 의조대왕 님 활약상 1

web	줄바꿈 기호 (CR, LF, CRLF) 의미 (= 개행문자 = 새줄문자)

web	페이스북, 트위터 가입 및 시작 방법

기본강의	ASP HOME (ASP 소개) - 코드 예 / 파일 확장자 / 용도 / 작동원리

pc	크롬 피그툴 다운로드 및 설치법 (Chrome, pigtool) 3

web	SSH 추천 콘솔 다운로드 (PuTTY , Xshell , poderosa , MobaXterm , Sec… 설문 중

pc	윈도우10 - 키보드 입력 모드 상태 자세히 보기 설정 (= 고급 키보드 설정)

web	스팸차단/스팸방어/스팸관리/스팸삭제/스팸제거/스팸해결/스팸방지/스패머차단 (프로그램 다운로드 + 그누보드5 …

158/163

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

자유게시판 관련글

공지사항

최신글

최신댓글

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