그냥 블로그에 내가 좋아하는 글을 쓰면서 소통하는 것도 좋지만
심심찮게 들어오는 애드센스 광고수익은 블로깅을 더욱 더 열심히 운영하게 하는 원동력이 됩니다.
이왕에 광고를 배치하는 것이라면 많은 수익을 위해 최적화를 하는 것이 좋겠지요.
그런 차원에서 이번에도 과감하게 도전!
제 블로그 제목 옆 타이틀에 728x90크기의 애드센스 광고를 배치했습니다.
과연 어떠한 결과가 나왔을까요 ㅎㅎ
티스토리(Tistory) 블로그 타이틀 옆에 애드센스(728x90)광고 배치하기
우선 위 사진처럼 블로그 상단에 있는 타이틀(블로그 제목) 옆에 728x90 애드센스 광고를 배치하는 법을 말씀드리겠습니다.
티스토리 관리화면으로 가서 HTML/CSS 편집 메뉴를 선택합니다.
여기서 skin.html 파일을 아래와 같이 수정하면 됩니다.
<body>
<s_t3>
<div id="wrapTop">
<div class="tCenter"></div><div class="tRight"></div>
</div>
<div id="wrapMid">
<div class="mRight">
<div id="container">
<div id="header">
<!-- 타이틀 광고 -->
<div style="float:right; margin-top:17px; margin-right:0px;">애드센스 광고 코드
</div>
<!-- 타이틀 광고 끝-->
<div class="blogTitle">
<h1><a href=""><span style="font-size:18px; font-family:Malgun Gothic"></span></a></h1>
</div><div class="blogMenu">
<div class="topWrapBlogMenu"></div>
<div class="middleWrapBlogMenu"></div>
<div class="bottomWrapBlogMenu"></div>
</div>
</div>
<!-- header close -->
HTML소스 상단에 위치해서 찾기 쉽지만 그래도 귀찮다면
Ctrl+F를 눌러서 "blogTitle"을 검색 후 그 윗부분에 위의 소스코드를 추가해주면 됩니다.
광고를 블로그 타이틀 오른쪽에 배치했기때문에 CSS스타일 float속성을 right로 주었습니다.
그리고 margin은 각자 자신의 블로그 레이아웃에 맞게 수정을 하면 됩니다.
(스킨을 수정하기 전에 먼저 저장하는 습관을 들이세요^^)
이 글은 HTML, CSS 강의가 아니기 때문에 자세한 설명은 생략하겠습니다.
(참고로 저는 티스토리 Basic스킨을 기본으로 사용했습니다.)
블로그 상단 애드센스(Adsense) 728x90 광고 사용후기 (클릭률, 광고수익 비교)
저는 상단 타이틀 옆에 728x90 애드센스 광고를 배치하여 방문자들이 처음 왔을 때
첫 페이지에서 모든 광고를 볼 수 있게 하고 싶었습니다.
그러면 조금이라도 더 광고에 흥미를 가지지 않을까 생각했기 때문입니다.
그렇게 7일을 이상 지켜본 결과 위와 같은 결과가 나왔습니다.
블로그 총 클릭을 100%로 봤을 때 상단 728x90 광고 클릭률이 고작 11%
거의 모든 티스토리 블로거들이 336x280 큰직사각형 애드센스 광고를 상단에 배치하는데는 다 이유가 있었습니다.
56%, 38%로 상단에 있는 728x90광고와는 비교가 안되네요 ㅡㅡㅋ
그래도 제일 처음에 위치한 광고라 단가가 높은 탓에
광고수익은 클릭률보다는 조금 양호합니다.
혹시 모르시는 분이 있을까봐 설명드리는데
구글 애드센스 광고는 HTML코드 중 제일 먼저 작성된 광고코드에 더 많은 클릭당 단가가 책정됩니다.
그럼 이렇게 광고를 배치했을 때 728x90 광고가 가장 큰 단가라는 것인데...
완전 최악의 배치였군요 ㅜㅜ
이 728x90 광고가 없었다면 바로 아래에 있는 광고(클릭률 56%)의 단가가 더 높아졌겠죠.
어쩐지 요즘 제 블로그에 애드센스 수익이 20~30%정도 떨어졌었는데
아마도 이것 때문이 아니었을까....
그래서 다시 블로그 본문 하단으로 광고를 복귀시켰습니다.
이번에도 역시 무모한 도전이 되어버렸네요 ㅋ
728x90 광고에 대한 생각을 정리하자면
상단에 위치했을 때 블로그 글(본문)의 접근성에 영향을 주지 않으면서
멋지게 블로그 레이아웃을 구성할 수 있습니다.
만약에 336x250 큰직사각형 광고가 없었다면 클릭률이 어떻게 될지도 의문입니다.
728x90 애드센스 광고를 블로그 상단에 배치시킨다면
광고보다는 블로그 콘텐츠에 더 집중할 수 있어
방문자를 더 배려한다는 느낌을 줄 수 있을 것 같습니다.
'유용한정보' 카테고리의 다른 글
| Flash Action script (0) | 2014.03.27 |
|---|---|
| 다중 연결 허용 서버의 구현법 (socket programming) (0) | 2014.03.27 |
| 홈페이지 로봇 설정 방법 (0) | 2014.03.26 |
| 간단한 명령어로 좀비 PC 확인하기 (0) | 2014.03.26 |
| 티스토리 블로그 본문 상단에 애드센스 광고 배치 방법 (왼쪽, 오른쪽, 양쪽에 광고 배치하는 HTML코드) (0) | 2013.12.30 |
| [티스토리] 블로그에 애드센스 다는법 (상단,하단,본문,사이드바) (0) | 2013.12.30 |
| 스마트폰에서 무료음악 듣기 (0) | 2013.12.19 |
| 홈페이지 제작 대한민국 최고의 그룹웨어 (0) | 2009.10.12 |
댓글