사이드바에 Google AdSence 광고 추가하기

가이드/tokii at whale2017.09.04 00:10

사이드바에 애드센스 광고를 추가하여 수익을 창출해보세요.


애드센스 추가하기

  1. 티스토리에 로그인 한 후 관리자 메뉴에서 꾸미기 > HTML/CSS 편집을 클릭합니다.
  2. HTML 탭에서 <!-- sidebar -->를 검색합니다.
  3. 다음과 같이 </s_sidebar>의 바로 위에 다음 코드를 붙여넣습니다.
    <!-- sidebar -->
    <aside class="sidebar">
      ...
      <!-- secondary -->
      <div class="secondary">
        <s_sidebar>
        ...
        <s_sidebar_element>
        <!-- #애드센스 -->
        <div class="module">
          <h2 class="screen_out">애드센스</h2>
          <div class="module-content">
            <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
            <ins class="adsbygoogle"
                 style="display:block"
                 data-ad-client="ca-pub-XXXXXXX11XXX9"
                 data-ad-slot="8XXXXX1"
                 ></ins>
            <script>
            (adsbygoogle = window.adsbygoogle || []).push({});
            </script>
          </div>
        </div>
        </s_sidebar_element>
        </s_sidebar>
      </div>
      <!-- //secondary -->
    </aside>
    <!-- //sidebar -->
    
  4. 붙여넣은 코드를 다음과 같이 변경합니다.
    <s_sidebar_element>
    <!-- #애드센스 -->
    <div class="module">
      <h2 class="screen_out">애드센스</h2>
      <div class="module-content">
        <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
        <ins class="adsbygoogle"
             style="display:block"
             data-ad-client="ca-pub-XXXXXXX11XXX9"
             data-ad-slot="8XXXXX1"
             ></ins>
        <script>
        (adsbygoogle = window.adsbygoogle || []).push({});
        </script>
      </div>
    </div>
    </s_sidebar_element>
    
    • ca-pub-XXXXXXX11XXX9: 내 게시자 ID, 예: ca-pub-1234567891234567
    • 8XXXXX1: 내 광고 단위의 ID(data-ad-slot), 예: 1234567890

참고사항

신고

작성자

Posted by 9월 'ㅅ')/

태그

관련 글

네이버톡톡

네이버 톡톡

댓글 영역

  • 프로필 사진
    2017.09.04 13:05 신고

    tokii at whale 최신버전 메일받고 설치 중인데 애드센스 정확한 위치에 설치를 했음에도 불구하고 화면에 나타나지 않는군요

    • 프로필 사진
      2017.09.04 13:23 신고

      안녕하세요.

      이 블로그에 테스트 해봤는데 잘 되는 것 같습니다. 혹시나 누락된 소스가 있는지 확인 부탁드릴게요.
      감사합니다.

티스토리 툴바