티스토리에 다음 광고 'Ad@m(아담)' 적용하기
다음 Adam은 다음에서 운영하는 모바일 광고 네트워크입니다.
티스토리에 많이 사용하는 구글의 애드센스와 비슷합니다. 차이점이 있다면 모바일 전용이라는 점입니다.
다음 아담은 티스토리 모바일페이지에 모바일용 Ad@m 플러그인으로 쉽게 삽입할 수 있습니다.
모바일페이지를 사용하지 않는 반응형 스킨을 이용중이라면 이 글을 따라 적용하시면 됩니다.
아직까지 다음 Ad@m정책상 일반 웹에서의 광고개재를 금지하고 있지는 않기 때문에, 저는 현재 데스크탑화면에서도 나타나게 적용했습니다.
그리고 또한 애드센스와 달리 고정광고를 이용할 수 있습니다.
아래 적용방법은 현재 본 블로그처럼 하단에 고정된 광고를 적용하는 방법입니다. (상단도 응용 가능합니다.)
Ad@m 광고 코드 얻는 방법
국내 사이트이므로 회원가입과정은 마쳤다고 가정하고 진행하겠습니다. ('다음'과는 별도로 회원가입이 필요합니다.)
먼저 다음 아담에 로그인합니다.
'사이트/앱등록'을 클릭합니다.
우측의 '새 사이트/앱등록'을 클릭합니다.
티스토리는 앱이 아니니, 모바일 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="http://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="http://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로 바꿔주시면 됩니다.
하단 고정형은 정책상 문제로 사용할 수 없습니다. 참고:다음 애드핏 이용자분들 조심하세요!
보고서 확인
광고가 잘 적용되었다면, 아래와 같은 방법으로 수익을 확인하면 됩니다.
보고서-사이트/앱 보고서에서 확인 가능합니다.
