별블리의 정보창고 별블리의 정보창고

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

<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>