본문 바로가기
IT/Blog.Tistory

티스토리 댓글 사이에 자동 삽입되는 애드센스 광고 넣는 법

by Your 달고나™ 2020. 5. 31.

구독자, 방문자들과 소통이 활발한 블로그는 방명록과 포스팅 댓글이 꽤나 많이 달린다. 단순히 문안을 하는 방문객도 있고 질문을 남기기도 포스팅에 대한 평이나 공감한 내용을 나누기도 한다. 특히, 티스토리에 구독 기능이 생겨서 네이버 블로그의 이웃과 같은 개념으로 사막과 같은 블로그가 생명을 얻어 활발하게 움직이는 블로그로 다이나믹 해졌다. 즉, 블로그 운영자가 조금 신경만 쓴다면 양방향 살아있는 블로그가 될 수 있다.이렇게 교류가 활발하게 이뤄지다 보면 자연스레 포스팅 외에도 댓글 내용도 충분히 좋은 컨텐츠가 된다. 즉, 댓글 영역도 충분히 광고 영역이 된다는 해석을 할 수 있다. 여기에서 착안해 댓글 광고를 최근에 추가했다.

 

쉽게하려면 댓글 영역 위 아래를 광고로 감싸는 방법도 있다. 하지만, 다년간 애드센스 수입 분석 결과 콘텐츠 내에 삽입된 광고에서 클릭율이 높았다. 이를 바탕으로 댓글과 댓글 사이에 광고를 넣는 편이 의미있는 수익을 낼 수 있을 것 같았다. 그래서 이전에 포스팅 한 "티스토리 글목록 사이에 애드센스 인피드 광고 삽입하는 법"을 참고해 댓글과 댓글 사이에 자동으로 광고를 삽입했다. 댓글 사이 자동 삽입 광고를 며칠 지켜보고 유의미한 수익 결과를 얻어 필자가 적용한 그 방법을 소개하려 한다. 만약, 이전에 글목록 사이에 인피드 광고를 자동으로 넣기를 했던 경험이 있다면 댓글 광고 역시도 쉽게 따라 할 수 있다.

 

티스토리 댓글 자동 삽입 광고

 

글목록(카테고리)에 광고가 어떤식으로 나오는지 궁금하다면 여기를 통해 확인해보자. 댓글 광고가 어떤 식으로 들어가는 지 궁금하면 본 포스팅에 댓글을 달아보자. 두개 이상 댓글이 달리면 ,그 때 부터 광고가 자동으로 삽입된다.

 

주의! 과도한 광고는 애드센스 정책에 반할 수 있으며 오히려 수익이 줄어들 수 있다. 그러니 적당한 광고 수는 본인의 블로그 스타일에 맞게 스스로 찾아서 결정해야 한다.

 

댓글 사이 애드센스 자동 삽입 방법

1. 스킨 > 편집 > HTML 편집으로 들어가 에디터를 열어준다.

 

2. <head>와 </head> 사이에 스크립트를 복사해 붙여넣기로 넣어준다.

    <script>
        var i = 0;
    </script>

<head>와 </head> 사이에 스크립트 붙여넣기

 

3. 댓글을 감싸는 컨테이너를 찾아서 그 안에 광고 스크립트를 복사해 붙여 넣기 한다. 여기에서는 본인이 애드센스에서 발급 받은 광고 코드도 같이 삽입해주어야 한다. 링크광고를 넣을지 이미지 광고를 넣을지는 본인의 선택에 달렸고 가급적이면 반응형 광고를 추천한다.

<!-- 댓글 리스트 광고 시작, 블로그한경닷컴 https://blog.hangyeong.com-->
<script>
i++; // 최상단 head 태그 부분에 이미 자바스크립트 변수로 var i = 0; 이라고 선언과 초기화함.
if (i == 2 || i == 6) //2번째 댓글, 6번째 댓글 앞에 광고 표시
{
document.write('<li><ins class="adsbygoogle" style="display:block" data-ad-format="auto" data-ad-client="ca-pub-XXXXXXXXXXX" data-ad-slot="0000000000" data-full-width-responsive="true"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({})<\/script></li>')
}
</script>
<!-- 댓글 리스트 광고 끝 (참고: https://blog.hangyeong.com/1050)-->

댓글 컨테이너를 내에 애드센스 광고 스크립트 붙여넣기

write스크립트에서 애드센스 코드를 앞뒤로 <li>와 </li>로 감사준 이유는 댓글의 CSS를 그대로 적용해 스킨과 부자연스러운 현상을 없애기 위해서이다. 이건 스킨 마다 조금씩 다를테니 본인 스킨에 직접 테스트 후에 적용해야 한다.

 

댓글 사이 광고 위치를 변경하기

if (i == 2 || i == 6) //2번째 댓글, 6번째 댓글 앞에 광고 표시

 

이 부분에서, 숫자를 원하는 위치에 해당하는 숫자로 변경하면 된다.

i== 2 의 의미는 두 번째 댓글을 의미한다. 두 번째 댓글 바로 위, 즉 첫 번째와 두 번째 댓글 사이에 광고를 삽입한다. 2개의 댓글 이상이 달려야 이 스크립트가 광고를 자동으로 삽입한다. 2를 3으로 변경하면 두 번째와 세 번째 사이에 광고가 삽입된다.

 

댓글 사이 광고 갯수 변경하기

기본 세팅은 두개의 광고가 앳글 사이에 삽입되는 코드인데, 세개 네개로 확장할 수 있다.

광고 2개 삽입 예: if (i == 2 || i == 6) 

광고 3개 삽입 예: if (i == 2 || i == 6 || i == 10 )

이런식으로 확장해 나가면 된다.

 

 

소스 복사가 잘 안될 수 있기에 텍스트 파일을 하나 만들어서 같이 업로드한다. 이 파일을 다운 받아서 스킨에 적용하면 된다.

티스토리 댓글 사이 애드센스 자동삽입.txt
0.00MB

큰 틀에서는 모든 과정이 끝났다. 지금까지 발견되는 이렇다할 문제는 없었다. 데스크탑과 모바일 환경 모두에서 광고 노출 잘 되고 있다. 클릭도 어느정도 생긴다. 즉, 댓글 광고에서 수익이 생긴다는 이야기다. 혹여나 발생하는 소소한 문제는 댓글로 문의를 주면 검토해 보도록 하겠다.

 

※ 글의 내용이 도움이 되었거나 마음에 든다면, 단 1초만 투자해 주세요. 로그인이 필요없는 하트♥(공감)과 더 많은 사람들이 볼 수 있도록 페이스북 페이지 좋아요를 눌러서 블로그 운영에 힘을 실어주세요. 블로그한경닷컴에서 발행한 모든 글은 지적재산권법에 의해 저작권 보호를 받고 있습니다. 불법으로 퍼기기를 삼가주세요. 대신에 출처를 밝히고 링크를 걸어주세요. 앞으로 더욱 좋은 글로 인사드리겠습니다. 감사합니다.

댓글20