f 회원보드

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

4,671

검색목록 목록 글쓰기

그누보드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	구글 애드센스 「수익 손실 위험 - 수익에 심각한 영향을 미치지 않도록 사이트에서 발견된 ads.txt 파일…

money	유튜버 애드센스 수익 세금세무안내 #6. 장부작성(+ 간편장부신고) & 외국납부세액공제

money	유튜버 애드센스 수익 세금세무안내 #5. 종합소득세 신고 (※ 사업자등록을 하지 않은 웹 제작 프리랜서 경우…

money	유튜버 애드센스 수익 세금세무안내 #4. 부가가치세 신고

money	유튜버 애드센스 수익 세금세무안내 #3. 신고해야 하는 수익

money	유튜버 애드센스 수익 세금세무안내 #2. 과세사업자 vs 면세사업자

money	유튜버 애드센스 수익 세금세무안내 #1. 사업자등록 필수 여부

money	네이버 애드포스트 수익 장난 아니네요. ^^* 1

money	커버곡 유튜버 수익 창출 가능 여부

money	(은행/농협) 경우, (정기예금/자유적금) 가입 당일날 해지 불가 (= 해지 안 되는 이유)

money	금융감독원 「금융상품 한눈에」- 예금/적금 상품 모든 금융기관 비교 + 금융 핵심정보 + 네이버 이자계산기(…

money	사업/비즈니스 성공 3대 조건

money	광주광역시 시민(내국인+외국인) 1인당 10만원 지급 (22.01.17 ~ 02.18) ※ 그외 행정지역 「…

money	애드센스 스마트 프라이싱 (= 광고 단가 하락) 원인과 대책 ※ 클릭 단가 하락 방어

money	(방문자 체류 시간과 이탈률) vs (애드센스 수익) 상관 관계

money	구글 애드센스 세금정보 제출 (개인/사업자)

money	구글 자동광고 (#google_vignette) 삭제/제거/해제

money	애드센스 링크 단위 지원 중단 (201210)

money	건국 이래 지금처럼 돈 벌기 쉬운 세상은 없었다. [수익]

1/6

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

회원보드 관련글

공지사항

최신글

최신댓글

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