효율적인 애드센스 사용 및 최적화 방법

안녕하세요. 고래의 개인노트입니다. 애드센스를 통해 블로그 수익을 내시는분들이 많아지면서 잘못된 방식으로 스크립트를 사용하고 있는 분들이 많습니다. 아주 간단하지만 신경쓰지 않는다면 이는 블로그 속도가 저하될 수 있는 요인이기도 합니다.

이 글에서는 애드센스 최적화에 대한 몇가지 팁이 아닌 팁을 설명 해드리겠습니다.

애드센스 스크립트 삽입 관련

애드센스 광고 단위 생성후 코드를 발급받게 되면 위와 같은 내용의 소스를 티스토리에 붙여넣게 됩니다. 이 과정에서 첫번째 줄에 위치한 "adsbygoogle.js" 를 불러오는 코드는 단 한번만 사용해도 됩니다.

이 부분을 모르셨던 분들은 애드센스 코드 발급시 나오는 소스를 그대로 넣는일이 많아서 해당 스크립트가 다여섯개씩 중복으로 호출되곤 합니다. 위 이미지 처럼 헤더 영역에 스크립트를 넣고 다른 영역은 삭제하시기 바랍니다.

애드센스 광고 한번에 호출 하기

첫 번째로 알려드린 내용으로 변경하셨다면, 애드센스를 삽입할때는 위 이미지 처럼 코드를 넣게 되실겁니다. 이 코드는 ins 태그를 사용하고 이어서 스크립트 태그를 통해 광고를 호출하게 됩니다. 이 방법외에 한번에 호출할 수 있는 방법이 있습니다.

<!-- 원하는 영역에 ins 태그만 삽입 (예시) -->

<body>
...

<ins class="adsbygoogle"
..
..
..>
</ins>

<ins class="adsbygoogle"
..
..
..>
</ins>

<script>
// ins 태그 광고 한번에 호출
$('.adsbygoogle').each(function(){(adsbygoogle = window.adsbygoogle || []).push({});});
</script>
</body>

원하는 영역에 ins 태그만 입력하고 스크립트를 가장 하단에 한줄만 넣어서 사용한 ins 태그 개수 만큼 광고를 호출해주는 방식입니다. 단, 이 코드를 사용하게 되면 광고가 조금 늦게 표시될 수 있습니다.

본문 내용에 따라 자동 애드센스 삽입하는방법

위 방식의 코드를 조금 응용하면 본인이 포스트 작성하는 방식에 따라 글 쓰기 화면에서 애드센스 코드를 넣는 것이 아닌 자동으로 애드센스를 삽입할 수 있습니다.

예를 들어 본문에 H2 태그를 3번 사용한다고 가정 합니다. 이후 애드센스 코드를 글쓰기 화면에서 직접 삽입하는 것이 아닌, 첫번째 H2 태그 하단에 자동으로 광고를 넣고 싶을때 다음 처럼 소스를 사용할 수 있습니다.

if ( $(".post-content h2").eq(0).length >= 1 ){
	$(".post-content h2").eq(0).after('<ins class="adsbygoogle"style="display: block;" data-ad-client="ca-pub-펍코드" data-ad-slot="슬롯번호"></ins>');
	(adsbygoogle = window.adsbygoogle || []).push({});
}

그럼, 어떤 글을 작성하던간에 첫번째 H2 태그의 하단에는 자동으로 광고가 들어가게 됩니다.

요청으로 인해 간단하게 게시글을 작성합니다. 본인이 알고 있는 내용이 있거나 애드센스 관련해서 다른 궁금한 내용이 있다면 댓글로 남겨주세요.