블로그 댓글창에 애드센스 광고 넣는 법, 숨은 수익 찾는 꿀팁

블로그 운영하다 보면 어떻게 해야 애드센스 수익을 조금이라도 더 올릴 수 있을지 늘 고민하게 되는 것 같아요. 단순히 광고를 많이 띄운다고 수익이 늘어나는 건 아니더라고요. 중요한 건 광고가 어디에 있느냐입니다. 오늘은 많은 분들이 잘 모르는 ‘댓글 영역’에 광고를 넣는 방법과 함께, 본문이나 사이드바 배치를 어떻게 하면 좋을지 편하게 이야기해볼게요.

1. 광고는 ‘자리’가 정말 중요해요

광고를 넣을 때 그냥 ‘있으면 되겠지’라고 생각하기 쉬운데요. 사실 보여지는 것보다 ‘클릭하고 싶은 위치’에 있는 게 훨씬 중요해요. 사람들이 글을 읽으면서 시선이 머무는 곳에 자연스럽게 있어야 하거든요.

위치별 효과, 이렇게 달라요

2. 댓글 창도 훌륭한 광고판이 돼요

보통 댓글 아래에는 광고를 잘 안 넣으시더라고요. 그런데 이게 정말 괜찮은 기회일 수 있어요. 왜냐하면 여기까지 스크롤을 내린 분들은 이미 글을 재미있게 읽었고, 댓글까지 확인할 정도로 관심이 많은 분들이거든요.

댓글 영역이 좋은 이유

적극적인 방문자가 모이는 곳이라서 그래요. 댓글을 달거나 남들이 쓴 내용을 보려고 머무르는 시간이 길어지면서, 그 주변에 있는 광고도 자연스럽게 눈에 들어오게 되는 거죠. 단순히 부가적인 공간이 아니라 콘텐츠가 이어지는 느낌을 주기 때문에 클릭률도 꽤 괜찮게 나온답니다.

3. 애드센스 배치, 이렇게 해보세요

본문 광고

첫 문단이 끝나고 바로 아래에 하나 넣는 게 좋아요. 그리고 글이 좀 길어진다 싶으면 중간쯤에 내용을 가리지 않게 하나 더 넣어주세요.

사이드바 광고

PC 화면을 위해 ‘인기 글’이나 ‘최근 글’ 목록 위에 고정해두면 좋아요. 스크롤을 내려도 따라오는 고정형 광고를 쓰면 더 눈에 잘 띕니다.

댓글 영역 광고

댓글 입력창 바로 아래나, 댓글 목록이 시작되기 전에 배치해보세요. 모바일에서도 잘 보이도록 반응형 코드를 쓰는 거 잊지 마시고요!

4. 수익을 더 올리는 소소한 팁

클릭당 단가(CPC)가 높은 키워드로 글을 쓰면 확실히 도움이 돼요. 그리고 가끔 보고서를 보면서 어떤 광고 위치가 반응이 좋은지 확인하고, 반응 없는 광고는 과감하게 위치를 바꾸거나 빼는 게 좋아요.

댓글 사이에 자동으로 광고 넣는 방법 (티스토리)

방문자들이 댓글을 많이 달아주면 정말 기분 좋죠? 이 댓글들 사이사이에 광고가 자동으로 나온다면 수익도 더 늘어날 거예요. 댓글 3개, 6개, 9개마다 자동으로 광고가 딱딱 들어가는 코드를 알려드릴게요. 초보자분들도 복사해서 붙여넣기만 하면 되니까 천천히 따라 해 보세요.

설치 방법 (티스토리 기준)

1. 애드센스 광고 코드 준비하기

먼저 애드센스 관리자 페이지에서 광고 단위를 만들어주세요. 그리고 아래 코드에서 광고 id라고 된 부분을 여러분의 광고 ID 숫자로 바꿔주시면 됩니다. data-ad-client 부분도 본인의 ca-pub-xxxxxxxxxxxxx 코드로 꼭 바꿔주세요.

2. 티스토리 HTML 편집 들어가기

블로그 관리자 페이지에서 [꾸미기] → [스킨 편집] → [HTML 편집]을 눌러주세요.

3. </body> 바로 위에 코드 넣기

HTML 편집창 맨 아래로 내려가서 </body> 태그 바로 위에 아래 코드를 그대로 복사해서 넣어주세요.

<script>
  document.addEventListener("DOMContentLoaded", function () {
    function insertAdsInReplies() {
      // 댓글 항목을 선택합니다 (스킨에 따라 클래스명이 다를 수 있으니 확인 필요)
      const commentItems = document.querySelectorAll('li.tt-item-reply');
      // 본인의 애드센스 광고 슬롯 ID를 여기에 입력하세요
      const adSlotIds = ['1234567890', '2345678901', '3456789012', '4567890123', '5678901234'];
      
      // 본인의 애드센스 게시자 ID (ca-pub-...)
      const adsenseClientId = 'ca-pub-0000000000000000'; 

      let adIndex = 0;

      commentItems.forEach((item, index) => {
        // 3번째 댓글마다 광고 삽입 (3, 6, 9...)
        if ((index + 1) % 3 === 0 && adIndex < adSlotIds.length) {
          // 이미 광고가 있는지 확인하여 중복 방지
          if (!item.nextElementSibling || !item.nextElementSibling.classList.contains('adsense-comment-ad')) {
            const adRow = document.createElement('li');
            adRow.className = 'adsense-comment-ad';
            adRow.style.listStyle = 'none';
            adRow.style.textAlign = 'center';
            adRow.style.margin = '20px 0';

            // 광고 태그 생성
            const ins = document.createElement('ins');
            ins.className = 'adsbygoogle';
            ins.style.display = 'block';
            ins.setAttribute('data-ad-client', adsenseClientId);
            ins.setAttribute('data-ad-slot', adSlotIds[adIndex]);
            ins.setAttribute('data-ad-format', 'fluid');
            ins.setAttribute('data-ad-layout-key', '-fb+5w+4e-db+86'); // 인피드 광고일 경우 사용, 아니면 삭제 가능

            adRow.appendChild(ins);
            item.parentNode.insertBefore(adRow, item.nextSibling);

            // 광고 스크립트 실행
            try {
              (adsbygoogle = window.adsbygoogle || []).push({});
            } catch (e) { console.error('AdSense Error:', e); }

            adIndex++;
          }
        }
      });
    }

    // 초기 실행
    setTimeout(insertAdsInReplies, 1500); // 댓글 로딩 시간을 고려해 약간 지연 실행

    // 댓글이 동적으로 로딩될 경우를 대비한 관찰자 설정
    const observeComments = () => {
      const observer = new MutationObserver(() => {
        insertAdsInReplies();
      });
      const commentContainer = document.querySelector('.tt-comment-cont'); // 댓글 컨테이너 클래스명 확인 필요
      if (commentContainer) {
        observer.observe(commentContainer, { childList: true, subtree: true });
      }
    };

    observeComments();
  });
</script>

4. 잘 나오는지 확인하기

저장한 뒤에 댓글이 3개 이상 달린 글에 들어가 보세요. 댓글 사이사이에 광고가 예쁘게 잘 들어가 있다면 성공입니다! 처음에는 조금 어려워 보여도 차근차근하면 금방 하실 수 있을 거예요.