f 자유게시판

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

5,627

목록 글쓰기

그누보드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	서버 - 방문자25만명 대용량서버 운영 사양 및 유지비 + 대규모홈페이지운영노하우 베스트10

pc	무료 BGM MP3 다운로드 좌표 (※ 배경음악, 유튜브, 오디오, 라이브러리)

pc	해킹 (검사/체크/점검) ※ netstat -na 결과 판독법 ※ PID(Process ID)로 해당 프로그…

life	우체국 뱅킹 (은행 입출금/입금/출금/잔액) 확인 전화번호 : 1369 (이용방법) ※ 은행코드 확인하기

pc	윈도우10 - 엣지(Edge) 바로가기 아이콘 생성

web	크롬속도 (= 홈페이지 로딩속도 =접속속도) 빠르게.. (= 임시파일제거 = 쿠키제거 + 크롬캐시제거)

pc	jwplayer 크롬재생 안 될 때 조치사항

pc	윈도우10 - 로그인 시 비밀번호 입력 해제

pc	다음 팟플레이어 - (광고 제거 + 자동 업데이트 해제 + 재생목록 로그 삭제 + 화면 더블클릭 시 전체화면…

web	PHP - 테스트 사이트/APM유틸 모음 (PHPtest, PHPtester)

pc	모바일 (삼성브라우저 + 크롬브라우저) 캐시새로고침, 캐시삭제, 검색기록삭제, 비밀번호삭제 (Mobile C…

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

pc	iptime (아이피타임) 공유기 (초기화 + 펌웨어 업그레이드 후 와이파이 인터넷 연결 안 될 때 해결)

pc	크롬 북마크 일괄삭제 (= 모두삭제 = 한번에삭제 = Chrome Bookmark All Delete)

pc	윈도우10 - Administrator (관리자) 계정 생성・삭제 ※ cmd 등 도스 모드에서 붙여넣기 팁

web	글자 크기표 (= 글씨 크기 단위 환산표) - px, em, %, pt 단위 환산 (= 폰트 단위표)

pc	윈도우10 - 트레이에 윈도우디펜더 아이콘 표시

web	인바운드 트래픽 (inbound traffic), 아웃바운드 트래픽 (outbound traffic) 의미

pc	유튜브 국가 제한 풀기 (= 유튜브 한국 차단 해제) = 「동영상을 올린 사용자가 해당 국에서 볼 수 있도록…

pc	스타플레이어 크롬재생 오류(에러) 해결 (starplayer chrome play error)

2/163

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

자유게시판 관련글

공지사항

최신글

최신댓글

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