• 회원가입
  • 로그인
  • 구글아이디로 로그인
커뮤니티 자유게시판Lv 1 : 손님

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

홈짱 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4,845  

그누보드5 기준으로 설명. (참고로, 저는 방법2 사용 중)

방법1, 방법2 둘 다 원리는 동일. 단, 로드 이벤트 적용 방식만 다를 뿐.

즉, 

adsbygoogle.js 외부 스크립트는 한번만 상단에 추가.

adsbygoogle = window ... 코드는 배너 개수만큼 하단에 추가. 

 

 

방법1

 

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>

 

 

2.

head.sub.php 파일안의 </head> 태그 바로 위에 아래 파란색코드 추가

방법1 - 애드센스 원본 코드 사용

 

<!--애드센스 로드2 - 홈짱 -->

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>


방법2 - 애드센스 로드 지연 코드 사용

<!--애드센스 로드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>


 

3.

head.sub.php 파일안의 <body> 태그 안에 아래 파란색코드 추가

 

<body<?php echo isset($g5['body_script']) ? $g5['body_script'] : ''; ?> onLoad="initialize_page();"><!--애드센스 로드3 - 홈짱 -->

 

 

4.

tail.sub.php 파일 </body> 바로 위쪽에 아래 코드 추가

 

<!--애드센스 로드4 - 홈짱 -->

<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 (저는 이 방법 적용)

 

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>

 

PS. 별도의 파일로 만든 후, 인클루드 형태로 사용 가능.

 

2.

사용 중인 head.sub.php  파일 상단 <head> 태그 안에 아래 코드 추가.

방법1 - 애드센스 원본 코드 사용

 

<!--애드센스 로드2 - 홈짱 -->

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>


방법2 - 애드센스 로드 지연 코드 사용

<!--애드센스 로드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>

 

 

3. 

tail.sub.php 파일 </body> 바로 위쪽에 아래 코드 추가.

 

<!-- 애드센스 로드3 - 홈짱 -->

<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

 
방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

자유게시판 관련글
분류 제목 조회
web G5 - 반응형 게시판 만들 때 작업할 페이지
2,575
 2,575
web 아나콘다 쥬피터 단축키 (Anaconda Jupyter Shortcut Key)
2,574
 2,574
dance 모모랜드 연우 댄스 영상 - 뿜뿜
2,574
 2,574
site DB 백업복원 프로그램 (= 디비관리툴) 다운로드 주소 모음
2,573
 2,573
talk 메인상단 메뉴고정 해제 문의드립니다. 1
2,569
 2,569
military MiG-29 (미그29) - 러시아 4세대 전투기 3D 전투영상 (영화 「R2B: 리턴 투 베이스」 북한군전…
2,566
 2,566
money 글과 어울리게 광고 배치 클릭율 올리기
2,566
 2,566
dance 미선짱 님의 JONNA 섹시퀸 댄스
2,564
 2,564
talk 홈짱 닷컴 모바일 친화성 100점..ㅋㅋ 3
2,563
 2,563
girl 에이프릴 진솔 님 (꽃무늬 블라우스 + 흰색 레이스 미니스커트) 패션
2,553
 2,553
money 통신판매업 신고를 안 해도 되는 경우 (=통신판매업 신고 면제 기준)
2,552
 2,552
web PHP - php.ini 파일 지시어(directives) 리스트
2,551
 2,551
ucc 클릭금지
2,549
 2,549
money 구글 애드센스의 적은 어베스트 ?
2,549
 2,549
money 문득, 갑자기 생각난건데, 이런 등업제 괜찮지 않나요? 5
2,546
 2,546
talk 정보검색하다 들렸습니다 1
2,545
 2,545
money 역시 애드센스가 최고군요. 1
2,543
 2,543
money 브레이브 브라우저에서 애드센스 홈페이지 접속하는 법 (Brave, Google, AdSense)
2,540
 2,540
pc 홈페이지 사이트 아이피 알아내기 (= 도메인 아이피 확인 homepage, ip, check)
2,539
 2,539
web 홈페이지 차단 가능 경우 및 중요 범죄 법적 처벌 수준
2,539
 2,539
44/156
목록
오늘: 13,649 | 어제: 18,568 | 최대: 18,568 | 전체: 7,300,786
  • 채팅방
  • 필독
1. 채팅창 헤드에서 접속자 확인 2. 닉네임 클릭해 1:1 채팅 가능 3. 닉네임 클릭해 귓속말 가능 4. 닉네임 클릭해 호출하기 가능 5. 우하단 클릭해 환경 설정 가능 6. 의뢰글 작성 후 의뢰 상담 가능 7. 질문글 작성 후 질문 상담 가능 8. 채팅방에 개인정보 입력 금지 9. 채팅방에 광고 욕설 비방 금지
  • (견적/의뢰/질문/등업) 상담은 게시판 이용해 주세요.
  • 인터넷 임시파일 제거 시 속도 ↑ (Ctrl + Shift + Del)

공지사항

최신글

최신댓글

사이트명:홈짱닷컴, 연락처:
Copyright ⓒ https://homzzang.com. All rights reserved.
찾아주셔서 감사합니다. Since 2012