저번 글에서 애드센스 스크립트 코드를 제거해서 페이지 로딩 속도를 올리는 방법을 알아보았다.
이 게시글인데 여기에 더 나아가 밑부분의 스크립트 코드도 제거 단순화하는 방법을 소개한다.
그런데 이 방법은 내 티스토리 블로그에 적용해보니 잘 안되더라.
되는 블로그가 있으면 쓰기를 바라고 보편적인 방법은 아니다.
일단 지연 로딩인데 구글 애드센스는 원래 비동기 로딩이라 페이지 하고 따로 로딩되는데
그럼에도 불구하고 광고가 페이지 로딩 시간에 나쁜 영향을 미친다.
그래서 페이지 로딩 후 지연 로딩하는 방법인데 소개하면
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 광고단위 -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-"
data-ad-slot=""
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
보통 애드센스 코드가 이런데 저번 글로 윗부분 스크립트는 제거하는 방법을 알았을 것이다.
이제 밑부분 스크립트 제거인데
https://github.com/getify/LABjs
여기서 코드를 클릭해서 zip으로 받기를 클릭해 다운로드한 후 압축을 풀어 LAB.js 파일을 얻는다.
그 뒤에 티스토리 스킨 편집을 들어가 html 편집에 들어가 파일 탭에 들어가 저 LAB.js 파일을 업로드한다.
그 뒤에
<script src="js/LAB.js"></script>
<script>
jQuery(function($) {
setTimeout(function() {
$LAB
.script("//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js")
.wait(function () {
var adn = jQuery('.adsbygoogle').length;
if (adn > 0) {
for (var i = 0; i < adn; i++) {
(adsbygoogle = window.adsbygoogle || []).push({});
}
}
});
}, 1000);
});
</script>
저 부분을 추가한 후
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
이 아래 스크립트를 제거하자 그러면 애드센스 광고 코드는 ins 부분만 남는다.
이렇게 하면 된다는데 내 티스토리는 이렇게 하니까 뭔가 광고가 잘 안 뜨고 하더라.
그리고 지연 로딩 없는 밑부분 스크립트 코드 제거 단순화 방법은
<!--밑부분 스크립트 제거-->
<script>jQuery(function($){$('.adsbygoogle').each(function(){(adsbygoogle=window.adsbygoogle||[]).push({});});}); </script>
이 스크립트를 /body 바로 위에 붙여 넣고
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
이 애드센스 부분 스크립트를 삭제하면 된다.
<script> $('.adsbygoogle').each(function(){(adsbygoogle = window.adsbygoogle || []).push({});}); </script>
위에 코드를 /body 위에 붙여 넣고 위 중복 스크립트를 생략하는 방법도 있다.
위에 것들을 다 써보니 이상하게 cls값이 나쁘게 나오더라.
블로그 스킨과의 궁합 때문인지 모르겠지만 쓰고 난 후에 오히려 더 나빠질 수도 있으니 쓴 후에 테스트는 꼭 해보도록 하자.
'정보 Tips > 티스토리 Tistory' 카테고리의 다른 글
구글 애드센스 세금 정보 등록 방법 (1) | 2021.05.24 |
---|---|
티스토리 사이드바 고정 플로팅 광고 간단히 하는법 (1) | 2021.05.22 |
티스토리에 이미지 지연 로드 lazy load 적용하기 (0) | 2021.05.21 |
애드센스 광고 cls 개선 거리 조절 방법 (0) | 2021.05.20 |
티스토리 기본 공식 스킨 속도 비교 (0) | 2021.05.18 |
티스토리 애드센스 중복 스크립트 제거 (0) | 2021.05.16 |
티스토리 일치하는 콘텐츠 광고 삽입 방법 (0) | 2021.05.16 |
티스토리 구글 seo 최적화 cls 값 개선 방법 (0) | 2021.05.16 |