다음 Adam은 다음에서 운영하는 모바일 광고 네트워크입니다.


    티스토리에 많이 사용하는 구글의 애드센스와 비슷합니다. 차이점이 있다면 모바일 전용이라는 점입니다.


    다음 아담은 티스토리 모바일페이지에 모바일용 Ad@m 플러그인으로 쉽게 삽입할 수 있습니다.


    모바일페이지를 사용하지 않는 반응형 스킨을 이용중이라면 이 글을 따라 적용하시면 됩니다.


    아직까지 다음 Ad@m정책상 일반 웹에서의 광고개재를 금지하고 있지는 않기 때문에, 저는 현재 데스크탑화면에서도 나타나게 적용했습니다.


    그리고 또한 애드센스와 달리 고정광고를 이용할 수 있습니다.

    아래 적용방법은 현재 본 블로그처럼 하단에 고정된 광고를 적용하는 방법입니다. (상단도 응용 가능합니다.)



    Ad@m 광고 코드 얻는 방법

    국내 사이트이므로 회원가입과정은 마쳤다고 가정하고 진행하겠습니다. ('다음'과는 별도로 회원가입이 필요합니다.)


    http://mobile.biz.daum.net/top/intro.do

    먼저 다음 아담에 로그인합니다.



    '사이트/앱등록'을 클릭합니다.


    우측의 '새 사이트/앱등록'을 클릭합니다.


    티스토리는 앱이 아니니, 모바일 Web을 선택하고 다음으로 넘어갑니다.



    사이트/앱명에는 본인 블로그 제목을 씁니다.

    링크URL은 본인 블로그 주소를 입력합니다. (예. http://nubiz.tistory.com )

    사이트/앱 설명은 임의로 설명을 입력합니다.

    다음으로 넘어갑니다.



    티스토리에서는 띠배너형 광고를 이용할 것입니다.

    '인벤토리'는 애드센스의 '광고단위'와 같은 개념입니다.

    인벤토리명은 임의로 입력합니다.

    링크URL은 자동으로 이전단계에 입력한 블로그 주소가 들어있을 것입니다.

    카테고리는 블로그 주제를 선택하시면 됩니다.

    인벤토리 설명은 임의로 입력합니다.

    다음으로 넘어갑니다.



    이제 광고 코드를 얻었습니다.



    .


    Ad@m 광고코드 티스토리에 적용하기.


    다음과 같은 광고삽입코드에서 파란부분은 삭제해도 되며, 빨간부분은 수정해야할  부분입니다. 줄바꿈(엔터)은 모두 삭제해도 됩니다.

    <script type="text/javascript">

    var daum_adam_vars = {

    client : '클라이언트 번호',

    position : 'BOTTOM', // TOP (화면상단) | BOTTOM (화면 하단) | MIDDLE (화면 중간 삽입. bannerDivId 지정 필요)

    // bannerDivId : 'MobileadAreaDiv', // position : 'MIDDLE' 인 경우, 광고를 삽입할 DIV 태그의 ID 값.

    test : false // 테스트 모드 여부 설정  (실서비스시에는 false 로 설정 필요)

    };

    </script>

    <script type="text/javascript" src="https://m1.daumcdn.net/adtc/js/mobilead.js"></script>

    물론 화면 상단에 광고가 나타나길 원한다면 BOTTOM을 TOP로 바꾸면 됩니다.



    그러면 다음같이 간단한 코드가 남습니다.

    <script type="text/javascript">var daum_adam_vars = {client : '클라이언트 번호', position : 'BOTTOM', test : false};</script>

    <script type="text/javascript" src="https://m1.daumcdn.net/adtc/js/mobilead.js"></script>



    완성된 코드를 '티스토리 관리화면 - HTML/CSS편집'에 들어가 skin.html 끝부분 </body> 윗줄에 위와같이 삽입합니다.


    그 아래 style.css 제일 아래 위와 같이 다음 코드를 삽입합니다.

    div[data-adam-elem="container"] {

    position: fixed;

    bottom: 0;

    }

    body {padding-bottom:50px}

    이 코드는 광고를 화면에 고정시키는 코드입니다.

    광고를 상단에 고정시키고 싶으시다면 빨간색 bottom을 top로 바꿔주시면 됩니다.

    하단 고정형은 정책상 문제로 사용할 수 없습니다. 참고:다음 애드핏 이용자분들 조심하세요!


    보고서 확인

    광고가 잘 적용되었다면, 아래와 같은 방법으로 수익을 확인하면 됩니다.



    보고서-사이트/앱 보고서에서 확인 가능합니다.

    Posted by 뭐하라

    문제가 있나요?(?)

    내용상 오류가 있음 업데이트 필요 화면이 깨짐 기타 수정이 필요함
    • BlogIcon Big Hand
      2014.10.26 23:06 신고

      안녕하세요 뭐하라님
      뭐하라님의 블로그 글 보고 아담 광고 잘 적용하고 있습니다. 5일간 기록을 보니 띠배너의 경우 노출률이 95% 정도인데 전면배너는 노출률이 60% 밖에 안되고 있습니다. 이정도 노출률이 정상인지 궁금합니다 ^^

      • BlogIcon 뭐하라
        2014.10.27 12:20 신고

        네 전면형광고의 경우 첫방문페이지에서만 노출되는 경우가 많습니다.
        과도한 광고로인한 사용자경험을 해치는걸 막기위해 그런듯합니다

    • BlogIcon artautocare
      2014.11.10 14:29 신고

      뭐하님 안녕하세요 현재 아담 수정 및 등록 차단이 돼었다고 나오네요 ... 관련공지로 넘어가는데 무슨말인지 ^^
      아무튼 현재 현재 안돼는건가요? ^^

      • BlogIcon 뭐하라
        2014.11.10 14:31 신고

        다음 아담 퍼블리셔 서비스가 11월 15일에 다음 adfit으로 이관되면서 지금은 신규광고 생성이 안됩니다.

        15일 이후에 adfit에서 다시 이용해보세요~^^

    • BlogIcon ][
      2014.11.18 20:12 신고

      뭐하라님 제가 띠광고를 넣었는데요. 뭐하라님처럼 깔끔하게 안나오고

      하단에 공간이 남습니다.. 띠광고 하단에 공간이 남아요..(흰색) 그래서 지저분해보입니다.

      분명 뭐하라님의 포스팅을 따라했는데.. 무엇이 문제일까요? 언제나 유용한 포스팅 잘보고있습니다. 매번 감사드려요^^

      • BlogIcon 뭐하라
        2014.11.18 20:15 신고

        저도 잘려서 나와요 ^^
        아담의 버그입니다.

        bottom: 0;아랫줄에
        background:#ffffff; 를 추가해보세요

        #ffffff가 흰색이므로 비슷한 색상의 16진수 코드를 넣어주셔도 됩니다.

      • BlogIcon ][
        2014.11.18 22:22 신고

        감사합니다ㅋ 덕분에 아담적용잘했습니다^^

    • BlogIcon artautocare
      2014.12.01 01:20 신고

      뭐하라님의 포스팅보고 저도 광고 고정 설정해놨는데요.
      다시 고정해제하려면 위 코드만 다시 삭제하면되는것인가요?

      • BlogIcon 뭐하라
        2014.12.01 11:25 신고

        네 제가 취소선 그어놓은 부분 삭제하시면 됩니다.
        전면형광고도 삭제해주세요