1단형스킨의 경우 사이드바가 없어서 사이드에 애드센스를 넣기가 쉽지 않습니다.

    반응형스킨이기에 사이드에 배치한 광고를 모바일에서 처리하기 곤란하기도 합니다.


    아래 스크립트는 반응형 광고단위를 이용해 사이드에 남는 공간을 인식하여 사이드에 광고를 삽입하거나, 본문아래에 광고를 삽입합니다.


    스크립트

    <script>

    $("head").append("<style>.container {position:relative;}.sideAd {width: 120px;position: absolute;top: 300px;left: -120px;}</style>");

    var sideAd = '<div class="sideAd"><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-0503973014303***" data-ad-slot="39817950**" data-ad-format="vertical"></ins></div>';

    if ($(".container").first().offset().left>120) {

    $(".container").first().append(sideAd);

    if ($(".container").first().offset().left>300){

    $(".sideAd").css({width:"300px",left:"-300px"});

    } else if ($(".container").first().offset().left>160){

    $(".sideAd").css({width:"160px",left:"-160px"});

    }

    } else {

    $(".tt_article_useless_p_margin>p").last().append('<div class="bottomAd"><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-0503973014303***" data-ad-slot="39817950**" data-ad-format="auto"></ins></div>');

    }

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

    </script>

    ※본 스크립트는 jQuery를 사용합니다. 스크립트가 작동하지 않는다면 스크립트 윗줄에 다음을 추가해주세요.

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

    <!--[if lte IE 8]> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <![endif]-->

    .


    수정사항

    빨간색 표시한 data-ad-client="ca-pub-0503973014303***" data-ad-slot="39817950**"부분은 본인의 반응형 광고단위 코드에서 가져와서 붙여넣으세요.

    아래쪽의 auto는 본문 하단에 삽입될 경우 광고의 형태를 지정해줍니다. horizontal : 가로형광고, vertical: 세로형광고, rectangle: 직사각형광고


    .contaner의 경우 대부분의 스킨에서 같은 구조를 취하고 있으므로 수정하지 않으셔도 되지만, 혹시 적용이 되지 않으시다면 본인의 스킨에서 class명을 확인하셔야합니다.

    방법: 크롬에서 F12를 누른 후 아래 그림처럼 좌우여백이 주황색으로 표시되는 element의 class명을 확인합니다.


    1. 아이콘을 클릭한 후

    2. 본문과 좌우여백 사이의 공간에 마우스를 가져갔을 때 그림처럼 본문은 파란색, 그 바로 좌우 좁은 공간에 초록색, 좌우 여백에 주황색이 표시됐을 때

    3. div뒤에 나오는 class명을 확인하면 됩니다 (여기서는 .container)


    *포스팅 할 때 문단 간격 없음에 체크해야 본문 하단에 광고가 들어갑니다

    Posted by 뭐하라

    문제가 있나요?(?)

    내용상 오류가 있음 업데이트 필요 화면이 깨짐 기타 수정이 필요함
    • BlogIcon Yomun
      2016.04.12 10:20 신고

      사이드 광고가 홈에는 있는데 본문에 안나오는 경우는 어떻게 해야할까요?

      • BlogIcon 뭐하라
        2016.04.12 16:22 신고

        본문에 스크립트 한줄이 빠졌었네요. 죄송합니다
        (adsbygoogle = window.adsbygoogle || []).push({});
        부분입니다

      • BlogIcon Yomun
        2016.04.22 09:21 신고

        감사합니다.ㅎ


    • 2016.05.31 23:08

      비밀댓글입니다

      • BlogIcon 뭐하라
        2016.05.31 23:12 신고

        일단은 2차승인을 받는것은 플러그인을통해서 진행하시기바랍니다
        중간광고는 광고에어느정도 적응되시면 사용하시고 사이드광고는 이 본문내용 그대로 따라하시면됩니다


      • 2016.06.01 00:36

        비밀댓글입니다

      • BlogIcon 뭐하라
        2016.06.01 00:50 신고

        </body>윗줄에 넣으시면됩니다


      • 2016.06.06 23:41

        비밀댓글입니다

      • BlogIcon 뭐하라
        2016.06.06 23:45 신고

        광고는 원래 따라내려오지 않습니다. 움직이면 정책위반입니다.
        *포스팅 할 때 문단 간격 없음에 체크해야 본문 하단에 광고가 들어갑니다


      • 2016.06.08 02:56

        비밀댓글입니다

    • BlogIcon 뭉탱이_
      2016.09.19 11:16 신고

      감사합니다.. *^^*
      그런데, 광고가 본문 틀에 바짝 붙네요 간격을 조정하고 싶으면 어디를 수정 해 줘야 할까요..?? (본문과의 간격, 상단으로부터의 위치)

      • BlogIcon 뭐하라
        2016.09.20 00:45 신고

        left뒤에 나오는 숫자들을 전부 조금씩 높여주시면됩니다 부등호와 콜론뒤 모두 같은숫자만큼 높여주세요
        상단으로부터 간격은 top뒤의 숫자를 조절하면됩니다

    • BlogIcon 뭉탱이_
      2016.09.20 03:09 신고

      감사합니다. 친절히 설명 해 주신덕분에 잘 적용 되었습니다... ^^


    • 2016.10.31 01:35

      비밀댓글입니다

      • BlogIcon 뭐하라
        2016.10.31 13:58 신고

        님 스킨의 경우는 .container가 아니라 #container로 하시면될것같습니다


    • 2016.10.31 20:06

      비밀댓글입니다

      • BlogIcon 뭐하라
        2016.10.31 20:08 신고

        스크립트상 left를 전부 right로바꾸면 될것같습니다


    • 2016.10.31 21:57

      비밀댓글입니다

      • BlogIcon 뭐하라
        2016.10.31 22:08 신고

        앗 offset()함수가 top과 left만 반환해주는군요
        offset().left만 그대로 left로 두시면 되겠습니다.
        레이아웃이 왼쪽 오른쪽 여백이 같다는 가정입니다


    • 2016.10.31 22:12

      비밀댓글입니다

    • BlogIcon 월드인사이드
      2017.07.02 19:22 신고

      사이드바는 바르게 나오는데 하단에는 나오지 않네요ㅠㅠ
      본문 간격 없음에 체크 한 글에도 말입니다

      • BlogIcon 뭐하라
        2017.07.02 19:46 신고

        문단간격없음 체크한 글이 안보이네요.


    • 2017.07.02 21:42

      비밀댓글입니다

      • BlogIcon 뭐하라
        2017.07.03 10:59 신고

        문단간격없음이 체크 안된것같네요

      • BlogIcon 월드인사이드
        2017.07.03 18:24 신고

        어라.. 어제는 간격 없음으로 해도 안나왔었는데.. 로드 되는 데에 시간이 좀 필요한가 봅니다.
        감사합니다
        ㅡㅡㅡㅡ
        그런데 모바일에서는 광고가 보이는데 데스크탑에서는 안보이네요. 원래 그런 건가요?

    • BlogIcon 차가운아메리카노
      2018.08.22 15:28 신고

      하단엔 안나오고 사이드에만 나오게 하고 싶으면 어떻게 하면 될까요?

      • BlogIcon 뭐하라
        2018.08.22 15:29 신고

        $(".tt_article_useless_p_margin>p").last().append('<div class="bottomAd"><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-0503973014303***" data-ad-slot="39817950**" data-ad-format="auto"></ins></div>');
        이부분을 지우시면됩니다

    • BlogIcon 차가운아메리카노
      2018.08.22 15:30 신고

      헉 엄청난 속도로 답변해주셔서 감사합니다. 스킨 잘쓰고 있습니다. 감사합니다.