구글 애드센스(google adsense) 반응형 링크광고 글수정없이 모든글에 삽입하기

구글 애드센스(google adsense) 반응형 광고 티스토리에 쉽게 적용하자

에드센스는 한 페이지당 광고 갯수 제한이 있습니다. 

• 콘텐츠용 애드센스 단위 최대 3개
• 링크 단위 최대 3개 
• 검색창 최대 2개

저는 현재 검색창은 어디에 삽입해야 좋을지 선택을 못하였기 때문에, 콘텐츠용 애드센스는 3개, 링크는 3개까지 나타나고 있습니다.

앞서, 티스토리 반응형광고 삽입법을 알려드렸는데, 오늘은 최대 3개까지 삽입할 수 있는 링크광고 삽입법을 알려드리겠습니다.

광고 삽입 방법

수많은 글의 링크를 수정하는 방법은 정말로 힘듭니다.

그렇기 때문에 많은 분들이 치환자를 사용하고 있습니다. 

1. 구글 에드센스 (http://www.google.com/adsense/)에서 링크광고를 생성합니다.

새 광고단위를 선택 한 후 광고크기에서 링크광고를 선택합니다.

2. 똑같은 방법으로 3개까지 생성합니다. 링크광고는 최대 3개까지 삽입 가능하니, 3개를 넣어주는 것이 좋습니다.

태그 바로 위에 아래 코드를 삽입합니다.

티스토리 링크광고삽입.txt

<div id="adsenselink1" style="display:none;">

반응형 링크 1번코드를 삽입합니다. 

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<!-- 링크 반응형1 -->

<ins class="adsbygoogle"

     style="display:block"

     data-ad-client="ca-pub-xxxxxxxxxxxxxxx"

     data-ad-slot="xxxxxxxxxx"

     data-ad-format="link"></ins>

여기까지는 붙여 넣습니다만 아래의 코드는 지워주세요

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

</div>

<div id="adsenselink2" style="display:none;">

반응형 링크 2번코드를 삽입합니다. 

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<!-- 링크 반응형2 -->

<ins class="adsbygoogle"

     style="display:block"

     data-ad-client="ca-pub-xxxxxxxxxxxxxxx"

     data-ad-slot="xxxxxxxxxx"

     data-ad-format="link"></ins>

여기까지는 1번과 동일하게 삽입합니다.

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

1번과 동일하게 지워주세요

</div>

<div id="adsenselink3" style="display:none;">

반응형 링크 3번코드를 삽입합니다. 

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<!-- 링크 반응형3 -->

<ins class="adsbygoogle"

     style="display:block"

     data-ad-client="ca-pub-xxxxxxxxxxxxxxx"

     data-ad-slot="xxxxxxxxxx"

     data-ad-format="link"></ins>

여끼까지도 동일하게 삽입합니다.

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

위의 코드는 지워주세요

</div>

<script type="text/javascript">

$(function(){

  var numimg = parseInt($(".imageblock").length,10);

  var ibwidth = 200;

  if(numimg>0){

    if(numimg==1){

      $("#adsenselink2").remove();

      $("#adsenselink3").remove();

    }else if(numimg==2){

      $("#adsenselink3").remove();

    }

    if(numimg>0){

      ibwidth = $(".imageblock:first").css("width");

      if(parseInt(ibwidth) < 728){

        $("#adsenselink1").css({"display":"block","min-height":"18px","width":"200px"});

      }else{

        $("#adsenselink1").css({"display":"block","min-height":"18px","width":"728px"});

      }

      $(".imageblock:first").append($("#adsenselink1"));

      (adsbygoogle = window.adsbygoogle || []).push({});

    }

    if(numimg>1){

      ibwidth = $(".imageblock:eq(1)").css("width");

      if(parseInt(ibwidth) < 728){

        $("#adsenselink2").css({"display":"block","min-height":"18px","width":"200px"});

      }else{

        $("#adsenselink2").css({"display":"block","min-height":"18px","width":"728px"});

      }

      $(".imageblock:eq(1)").append($("#adsenselink2"));

      (adsbygoogle = window.adsbygoogle || []).push({});

    }

    if(numimg>2){

      ibwidth = $(".imageblock:last").css("width");

      if(parseInt(ibwidth) < 728){

        $("#adsenselink3").css({"display":"block","min-height":"18px","width":"200px"});

      }else{

        $("#adsenselink3").css({"display":"block","min-height":"18px","width":"728px"});

      }

      $(".imageblock:last").append($("#adsenselink3"));

      (adsbygoogle = window.adsbygoogle || []).push({});

    }

  }else{

    $("#adsenselink1").remove();

    $("#adsenselink2").remove();

    $("#adsenselink3").remove();

  }

});

</script>

여기까지 하시면, 제 글과 똑같이 이미지 아래 링크광고가 자동으로 삽입이 됩니다.