애드센스에 대한 포스팅을 하다보면 광고 구현에 대한 질문이 상당히 많습니다.


    그 중에서도 많은 분들이 궁금해하시는 부분에 대해서 정리 해봤습니다.



    대부분의 방법이 광고코드를 div태그로 묶는 것 부터 시작합니다.


    정말 초보자분들을 위해 복사 붙여넣기만 할줄 알면사용할 수 있도록 설명하려고 노력했습니다.

    공통적으로 파란색 글씨로 된 부분이 직접 수정해야할 부분입니다.

    애드센스 가운데 정렬 하는 방법

    가장 질문이 많은 부분입니다. 애드센스를 가운데 정렬하기 위해서 다음과 같이 div태그로 한번 감싸주면 됩니다.

    text-align:center;가 중요한 부분 입니다.

    <div style="text-align:center;">

    광고코드

    </div>



    오른쪽 정렬 하는 방법

    역시 div태그로 한번 감싼 후 div태그의 스타일 속성을 이용하면 됩니다.

    <div style="text-align:right">

    광고코드

    </div>



    광고 여백 설정

    div style에서 margin값을 조정하면 됩니다. 순서대로 위 오른쪽 아래 왼쪽의 여백입니다.

    <div style="margin: 5px 10px 10px 10px ;">

    광고코드

    </div>



    광고가 글과 나란히 나타나게하기

    광고가 왼쪽에 나타나고 오른쪽에글이 나타나게 하기 (여백이 필수적입니다.)

    <div style="float:left; margin: 5px 10px 10px 10px ;">

    광고코드

    </div>


    광고가 오른쪽에 나타나고 왼쪽에글이 나타나게 하기 (여백이 필수적입니다.)

    <div style"float:right; margin: 10px 0px 10px 10px">

    광고코드

    </div>


    .


    광고 2개를 나란히 표시하기

    광고 2개를 나란히 표시하는 방법은 위의 방법들을 모두응용하면 됩니다.

    <div style="margin:10px 0 10px 0">

    <span style="text-align:center; width:50%;">

    광고코드1

    </span>

    <span style="text-align:center; width:50%;">

    광고코드2

    </span>

    </div>

    그래도 광고가 2줄이 되는 것은 각 광고의 가로 크기 합이 너무 크기때문입니다. 더 작은 광고단위를 사용하세요.


    모바일에서 광고단위 숨기는방법

    모바일화면, 또는 모바일 화면이 아니더라도 정책을 위반하지 않고 애드센스를 숨기는 방법은 딱 2가지 방법 뿐입니다.

    자바스크립트를 이용해 광고로딩시점 이전에 애드센스 광고코드를 삭제하거나,

    반응형 애드센스의 고급형코드를 이용해 광고크기를 0px, 0px로 지정 또는 display:none;처리하는 것입니다.


    그중에서 설명이 쉬운반응형 고급형코드를 사용하는 방법에대해 알아보겠습니다.




    Posted by 뭐하라

    문제가 있나요?(?)

    내용상 오류가 있음 업데이트 필요 화면이 깨짐 기타 수정이 필요함

    • 2014.09.18 16:17

      비밀댓글입니다

      • BlogIcon 뭐하라
        2014.09.18 20:06 신고

        원래 2차심사과정이 더 까다롭습니다. 컨텐츠 불충분이 맞는것같네요.
        본인이 생산한 컨텐츠가 많아야합니다, 2차는 사람이 하는거라 이 사람이 생산한 컨텐츠인지 짜집기만한건지 웬만하면 다 구분합니다.
        광고코드는 skin.html에 들어가있는걸로 확인되구요.
        티스토리 관리에 있습니다.

    • BlogIcon 믿음이양
      2014.09.19 14:16 신고

      완전 초보를 위해 이렇게 나열해 주시니 너무 감사하네요 ㅜㅜ 다름이 아니라 무하라님과 같이 상단 광고가 왼쪽에 위치하고 글과 나란히 위치하게 하려면
      <span style="margin: 5px 10px 10px 10px ;">

      광고코드

      </span>

      이거 쓰는거 맞는지 궁금해서요!>_<

      • BlogIcon 뭐하라
        2014.09.19 14:19 신고

        네 그렇게하시면 광고가 왼쪽에있고 오른쪽에 글이나란히 나옵니다.
        광고를 오른쪽으로 하시려면 style="margin:10px;float:right"로 수정하시면됩니다

    • BlogIcon confirm
      2014.10.14 22:47 신고

      광고여백에 관해서 겨우겨우 찾았네요.
      정말정말 너무 감사드립니다. 앞으로도 자주 들를게요. 정말 감사합니다.

    • BlogIcon 뭐든지
      2014.10.18 17:52 신고

      감사합니다 광고를 에드센스 이제 승인 받기 시작했는데 아직 이차승인이 안나서 보이지는 않네요
      이차승인은 얼마쯤 걸릴까요?

      • BlogIcon 뭐하라
        2014.10.18 19:00 신고

        결과는 일주일안에 나죠^^ 부디 승인받으시길

    • BlogIcon confirm
      2014.11.30 16:54 신고

      글 잘 읽었습니다.
      하단 사각형 애드센스 아래로
      공감 버튼이 나오게 하는 방법 좀 알려주세요.
      자꾸만 공감 버튼이 애드센스 위로 올라가 버리네요..

      • BlogIcon 뭐하라
        2014.11.30 16:57 신고

        일반적인 방법으로는 공감버튼이 위에있는게 맞습니다.
        http://nubiz.tistory.com/487
        이글을 참조해보세요.

      • BlogIcon confirm
        2014.11.30 17:02 신고

        빠른 댓글 정말 감사합니다.
        시도 해보고 댓글 드리겠습니다.
        정말 감사합니다..^^

    • BlogIcon 효자손
      2016.07.22 17:54 신고

      반응형 고급코드 도우미를 통해 생성한 광고를 삽입했는데, div style과 div 코드를 넣어도 중앙 정렬이 안되네요..
      이게 반응형이라 코드가 좀 길어서 그런가 싶어도 어디에 넣어야 할지 감이 안오네요...ㅠㅠ

      • BlogIcon 뭐하라
        2016.07.22 18:37 신고

        본문에 오타가있었네요..
        text=align이 아니라 text-align입니다
        2년동안 아무도 눈치채지 못했었네요.. 다시적용해보세요

      • BlogIcon 효자손
        2016.07.22 19:05 신고

        감사합니다:) 많은 도움 얻고 갑니다. 바로 적용되네요!


    • 2016.07.24 19:45

      비밀댓글입니다

    • BlogIcon 알지오™
      2017.06.06 01:29 신고

      깔끔하게 잘 정리해 주셨네요. 덕분에 한수 배웠습니다.

    • BlogIcon LUFT - AQUILA
      2017.09.16 04:13 신고

      반응형 광고를 메인 화면의 홈 카드 밑에만 띄우고 싶습니다. 지금은

      <div id="homeCard" class="clearfix" style="display:none">
      <div class="homeBG card"></div>
      </div>
      광고코드
      이렇게 사용중인데, 이렇게 하면 모든 글의 최상단에도 광고가 표시되어 한 페이지에 광고가 너무 많아집니다.

      <div id="homeCard" class="clearfix" style="display:none">
      <div class="homeBG card"></div>
      광고코드
      </div>

      이렇게 하면 될 거라고 생각했는데 이럴 경우 아예 아무 곳에도 광고가 출력되지를 않네요.. 도움 부탁드립니다.
      메인화면 홈 카드와 글 목록 사이의 공간에만 광고가 출력되고, 각 글에서는 표시되지 않았으면 좋겠습니다.
      아는게 없어서 어떻게 더 해볼 수 있는게 없네요 ㅠㅠ 글에서는 표시되지 않게 조건문으로 체크할 수도 있나요? 어떤 방법이든 괜찮습니다.

      감사합니다.

      • BlogIcon 뭐하라
        2017.09.18 14:24 신고

        http://nubiz.tistory.com/719
        이걸 인피드광고 말고 그냥 반응형광고로 진행하시면 원하시는대로 될것같습니다.
        홈카드는 안지우고 냅두시면될것같네요

      • BlogIcon LUFT - AQUILA
        2017.09.18 18:23 신고

        으음.. 안되네요 그냥 써야겠습니다 ㅋㅋㅋ
        항상 친절한 답변 남겨주셔서 감사합니다!