세상을 재미있게 사는 법 :: 남욱닷컴 ::

1편에 이어서 2편을 작성하도록 하겠습니다. 1편을 안보셨다면 [1편] 나만의 블로그, 애드센스 최적화 하기.. 포스팅을 읽어보시기 바랍니다.

1편이 올블로그의 인기글에 벌써 올랐던데 아직까지 여러분들의 댓글이나 트랙백이 안올라 오는군요 여러분들의 생각과 의견 기다리겠습니다.

 2편에서는 본문 하단에 나오는 Adsense 광고부터 레이아웃 설명을 이어가도록 하겠습니다.



5. 본문 하단 한줄 광고
 Google의 Adsense 중 에서 가장 돈 받기 힘들어 보이는 '추천'을 하나 넣어봤습니다. 선뜻 보면 광고라는 느낌이 들지 않는 단순한 한줄짜리 문장 광고입니다. 클릭율은 높지만 이 광고의 목적은 사용자로 하여금 특정 프로그램을 설치하도록 하는 것(제 블로그의 경우에는 Google의 Picasa)이 목적이고 그 목적을 달성해야지 돈을 받을 수 있기 때문에 수익이 나오는 부분은 아닙니다. 언젠가 Picasa에 대한 리뷰를 하나 작성하던지 해야겠습니다.^^

6. 본문 하단 구글광고 + 커리어블로그 블판
 본문하단에 위치한 광고 박스입니다. 원래는 구글광고를 배너 형식으로 넣고 커리어 블로그도 배너형식으로 넣었지만 세로로 넣어서 기사같은 느낌을 주도록 해서 클릭율을 높여 보았습니다. 오늘 오후에 수정했으니 아직까지 결과는 알 수 없지만 이전보다는 광고 노출갯수도 많아지고 커리어 블로그의 인기글도 쉽게 볼 수 있어진 것 같습니다.

7. 블로그의 다른글 보기
 사이드바 중에 보면 태그를 나열해주는 사이드바가 있는데 제 스킨의 특성상 태그가 묻혀 버리기 때문에 위쪽으로 끌어올렸습니다. 사이드바의 내용을 뽑아내서 스킨에 직접 수정하는 방식을 이용하였는데, 이 방법을 사용한 결과 제 블로그의 방문자의 체류시간이 길어지고 검색한 페이지의 숫자도(P/V) 늘어나는 결과를 가져왔습니다. 보통 사람들은 본문을 다 읽고나면 Back 버튼을 눌러서 이전 페이지로 돌아가거나 X를 눌러서 닫는 편(사이트에서 빠져나감)인데, 본문을 다 읽고 아래의 호기심이 일어나는 태그를 눌러서 제 블로그에 머무리기 때문인 것으로 보입니다.

8. 사이드바
 태터툴즈에는 여러가지 사이드가바 제공되고 있지만 정말로 필요할 것만 같은 사이드바 4개만 골라서 1줄로 나열하였습니다. 카테고리는 사이트 윗부분의 "주제별로 포스팅 보기"부분과 중복일 수도 있지만 윗 부분에 빠진 주제를 검색할 수 있도록 하였습니다. 글보관함은 월별로 제가 어떤글을 포스팅 했는데 한번에 볼 수 있도록, 댓글보기는 방문자들의 의견이나 댓글에 빠른 피드백을 주기위해 설치하였습니다. 최근에 올라온 글은 방문자들이 최근에 올라온 글을 볼 수 있도록 하기 위해서 설치 했지만 위치를 옮기면 더 효과가 클 것 같습니다. (블로그의 다른글 보기 있는 위치로...)

9. 관리자용 메뉴
 화면에서 가장 눈에 띄지 않는 부분에 관리자를 위한 메뉴를 위치시켰습니다. 관리자 메뉴로 들어가는 것과 글을 포스팅하는 메뉴, 로그아웃을 위한 메뉴가 있는데 관리자 메뉴와 글쓰기는 다른 분들도 아시겠지만, 로그아웃은 기본적으로 스킨에 제공되지 않는 부분이지만 간단한 하이퍼링크를 이용해서 구현하였습니다.

이상으로 제 블로그의 레이아웃에 대해서 살펴보았습니다. 생각보다 길고 재미없는 글이 되어 버렸는데 다른 분들과의 많은 토론과 피드백을 통해서 의견을 주고받을 수 있었으면 좋겠습니다. 감사합니다.

[1편] 나만의 블로그 & 애드센스 최적화 하기.. 보기

제가 블로그를 생성하기 이전에 개인 홈페이지를 만들 때에는 홈페이지를 얼마나 이쁘게 잘 만드냐, 내가 만들기에 쉬운가에 대한 제작자(홈페이지 주인)의 입장에서만 줄곧 생각하고, 표현해왔습니다. 하지만 블로그를 사용하고 나서 부터는 ㅡ 특히 구글의 애드센스라는 녀석을 설치하고 나서 부터는..ㅡ 방문자가 내 블로그에 들어와서 어느 부분을 중점적으로 보고 어느 부분에 어떤 반응을 보일까 하는 방문자 입장에서 생각하게 되는 시간이 늘어났습니다.

그래서 작년 12월에 블로그를 만든 이후에 거의 매일 매일 블로그의 레이아웃을 바꾸다 시피했습니다. 그 결과, 거의 1달여만에 아래와 같은 레이아웃을 만들어 냈습니다. 제가 만든 레이아웃이 "확실히 좋다"라는 말을 하기에는 힘든 느낌이 많지만 블로그를 만들고 관리하시는 분들께서 한번쯤은 레이아웃에 대해서 같이 생각해볼 수 있는 계기가 되었으면 합니다.

레이아웃의 사진과 함께 아랫부분에 자세한 설명 첨부하겠습니다.


전체적으로는 leezche님이 만드신 티스토리용 스킨인 tisDiaryBurn ver.1.0을 기본으로 하여 필요한 부분을 수정하였습니다. 제가 필드테스트나 리뷰를 작성하고 블로그에 사진을 첨부하는 것을 좋아하기 때문에 가로폭이 넓은 스킨이 필요했는데 제 입맛에 거의 맞았기 때문입니다.

1. 헤더
 헤더 부분에는 블로그의 제목과 함께 RSS피드가 가능한 링크, 그리고 홈, 위치로그, 태그, 미디어로그, 방명록 등의 메뉴와 검색이 위치해 있습니다.
 제목은 제가 원하지는 않았지만 조금 강렬한 이미지를 심어주고자 #FF0000의 색(빨간색)을 이용하였습니다.
 RSS피드는 제 블로그가 그리 유명한 편이 아니라서 쓰시는 분은 없는 듯 하지만 티스토리의 기본 RSS가 아닌 Feedwave의 것을 사용하고 있습니다. 한 때 Feedburner 아이콘을 달아본 적도 있지만, 영문 사이트이고 한국 사용자들에게 적합하지 않은 듯 하여 바꿔보았습니다. 피딩하시는 분의 숫자가 많다면 좀더 편하게 바꿔보겠지만 현재로서는 만족합니다.
 기본 스킨에서는 글쓰기와 관리자 메뉴가 상단에 위치해 있지만 방문자들에게는 필요없고 저에게만 필요한 부분이기에 가능한한 안보이도록 화면 맨 밑으로 내렸습니다. 방문자들에게 꼭 필요한 메뉴만 제공되도록 고려하였습니다.
 사이트 검색에 대한 부분은 Google Adsense의 검색광고를 넣어본 적도 있지만 외부에서 검색하는 방식보다는 내부 검색에 더 나은 듯 하여 티스토리 자체 검색을 사용하고 있습니다.

2. 본문 상단
 원본 스킨에서는 글의 제목이 중심이 되어서 나오지만 제가 수정한 레이아웃에서는 간단한 링크와 문구가 위치해 있습니다.
 "이 사이트는 Google의 Adsense로 수익을 창출하고 있습니다." 라는 문구를 보고 클릭을 하려고 하시는 분이 계실런지도 모르겠습니다. 이 문구는 Adsense의 "Adsense 추천"을 설치할 경우에 나타나는 문구입니다. 추천에 성공할 경우(광고를 클릭해서 Adsense에 가입한 고객이 90일 내에 100달러를 벌 경우) 저에게 100달러가 지급되는 방식이지만, 우리나라의 왠만한 블로그는 90일 내에 100달러를 벌 가능성이 낮다는 생각에 추천 광고를 설치하지 않았습니다. 그럼 이 문구를 왜 부착했는가? 하는 궁금증이 계실텐데요, 제 블로그가 Adsense로 수입을 창출하고 있으니 광고한번 클릭해주십쇼~ 하는 의미로 삽입했습니다. 저도 다른 분들 사이트를 방문했을 때 저 문구가 궁금해서 클릭하기도 하고 블로그에 좋은 내용있으면 광고를 클릭하기도 하는데 저 문구가 있으면 왠지 광고가 더 클릭하고 싶더군요. 구글의 규정에는 방문자에게 광고를 클릭하라는 말을 기재하지 말라는 부분이 있습니다. 이 부분에 대한 간접적인 어필이라고 보시면 될 듯 합니다.
 "주제별로 포스팅 보기"는 전적으로 방문자의 편의를 위해서 만들어 놓은 부분입니다. 스킨의 특성상 다른 주제(카테고리)로의 이동을 원할 경우 화면 하단까지 가서 움직여야 하는데, 이 메뉴를 만들어 놓아서 상단에서도 곧 바로 자신이 관심있는 주제로 이동할 수 있도록 만들었습니다.

3. 본문
 본문이 시작하는 오른쪽 부분에는 Gogole의 Adsense가 위치해 있습니다. 이 위치가 지금까지 광고해본 바, 또 다른 분들이 말씀하시는 바에 따르면 가장 클릭율이 높은 부분입니다. 사람들이 사이트에 들어오면 가장 관심을 가지는 부분이 바로 글 제목 아래부터의 내용 부분인데, 이런식의 광고는 일반적으로 보는 배너광고와 달라서 광고라는 거부감을 주지 않고 내용과 긴밀하게 어울리기 때문에 클릭율이 높아진다고 합니다. 일반적인 배너광고보다 확실히 클릭율이 높았습니다. 그리고 Adsense에는 이 사이즈 보다 더 큰 사이즈의 광고도 있지만 가능한한 본문을 잠시하지 않기 위해서 300*250 사이즈의 광고를 기재하였습니다.

4. 본문 가운데
 이 부분에는 일반적인 규격의 작은 배너 광고를 추가하였습니다. 글을 보다가 실수로라도 클릭해주기를 바라는 마음에서 추가한 부분인데, 클릭율은 높지 않습니다. 그냥 놓칠 손님 한번 잡아보자 싶어서 넣은 부분입니다. 이 부분의 삽입은 스킨에서 하는 것이 아니라 글을 포스팅 할 때 일일이 해줘야 하는 부분입니다.

[2편] 나만의 블로그 & 애드센스 최적화 하기 보기에 이어집니다...

국내에서 가장 많은 폐인들이 상주(?)한다고 전해지는 디씨인사이드(http://www.dcinside.com)에 발을 딛은 것은 내가 미국드라마를 보기 시작하면서 자료도 찾고 정보를 얻기 위해 이 곳의 "미드갤(미국드라마 갤러리)"을 찾으면서 부터였다.

혹자는 디씨인사이드에는 속칭 "찌질이"들이 모여서, 잡다하고 쓸데없는 소모적인 이야기나 하면서 네티켓은 철저히 무시한 쓰레기적이고 암적인 장소라고 주장하지만 내 견해는 다르다.

"디씨인사이드에는 국내외의 한글을 사용하는 유저가 모이는 전문적이고 트렌디한 곳"

그렇다. 다른 갤러리는 어떨지 모르겠지만, 내가 자주가는 미드갤만큼은 구하기 힘든 드라마에 대한 자료를 아무런 댓가없이 공유해주고 심지어는 개인의 소중한 시간과 능력을 할애하여 외국드라마 감상의 최대장벽인 언어문제를 직접 제작한 한글자막을 통해서 해결해 주는 멋진 "횽"들이 있는 장소이다.

그런 디씨인사이드에 각 대학 갤러리가 존재한다는 것을 안 것은 디씨세계에서 한참 지난뒤였다. 나름대로 내놓으라하는 유명한 대학들을 중심으로 틀에박힌 학교 게시판이 아닌 조금은 '찌질한 맛'을 가지고 '자유롭게' 자신의 의견이나 정보를 공유할 수 있는 공간이 있는 곳이 바로 디씨인사이드였다.

지금은 많이 나아졌지만 우리학교 자유게시판에 도배되는 많은 광고글에 눈살을 찌푸리고 다른 사람의 눈치를 보느라 나의 의견을 자유롭게 써보지 못한 경우가 많았던 그런 경험 때문에 디씨인사이드에 동아대 갤러리를 만들어볼까 생각도 했지만 아직까지 때가 아니다 싶어서 참고 참았다.

그러던 오늘, 우연히 학교 게시판에서 디씨인사이드에 '동대갤'이 생겼다는 말을 듣고 찾아가보았다.



예전에는 없던 동대갤이 떡하니 생겨있었다. 오픈 날짜는 작년 12월 14일. 내 생일 다음날이기도 하고 시험기간이기도 했던 그 날에 어느 헌신적인 "동아대 횽아"에 의해서 동대갤이 탄생한 것이다.

물론 생긴 이후에 지금은 부산에서 부산대 다음으로 2위를 다투던 'B'대학 학생과의 약간 마찰도 있는 것 같지만 인터넷 세계에서 학교 자유게시판 보다 자유롭고 편안한 "동아대 학생들을 위한 공간"이 되었으면 좋겠다는 생각을 해본다.

동대갤 바로가기 -> http://kr.dcinside7.imagesearch.yahoo.com/zb40/zboard.php?id=dongau

세계적인 검색엔진인 구글(google.com)에서 "씨유"를 쳐보세요~

검색 결과의 제일 위에 저의 블로그가 뜹니다.. ^^

많은 분들이 씨유를 찾으시다가 제 블로그에 많이 놀러오실 것 같네요~

씨유에 대한 재미있는 글 많이 올리겠습니다~



보너스로 "씨유"를 치고 "운좋은 예감" 단추도 한번 눌러보세요~



씨유(CYOU)는? - 부산에서 C1이라는 메이커로 유명한 대선주조에서 출시한 16.9도의 저도수 술입니다~

티 스토리 다 좋지만.. 내가 필요한 링크나 기능이 쉽게 쉽게 추가/삭제가 힘든 단점이 있다.

하지만.. 스킨에 따라 모듈 형식으로 미리 넣어놓는다면 이 추가/삭제가 상당히 쉬워지는 장점이 있는데..

내가 쓰고 있는 몇가지 모듈을 공개한다.

<s_sidebar_element>
<!-- 로그인/아웃 모듈 -->
<div align=right><a href="/login?requestURI=http://namuk.com">로그인</a> | <a href="/logout">로그아웃</a></div>
</s_sidebar_element>

위의 코드는 티스토리 메인에서 로그인/로그아웃을 시행할 수 있는 링크를 거는 모듈이다.

<s_sidebar_element>
<!-- 통계모듈 -->
<div align=center>[#샵_StatisticsGraph_#샵]</div>
</s_sidebar_element>

위의 코드는 플러그인으로 제공되는 그래프 통계를 가운데 정렬로 사이드바에 넣을 수 있는 모듈이다.(코드의 샵->#로 바꿔주는 센스!!)

<s_sidebar_element>
<!-- 다음 웹인사이드 모듈 -->
<script type="text/javascript" src="http://log.inside.daum.net/dwi_log/js/dwi.js"></script>
<script type="text/javascript">
_dwiPID="<!-- 자기 웹인사이드 ID에 따라 다름 -->";
if(typeof(_dwiCatch) == "function") { _dwiCatch();}
</script>
</s_sidebar_element>

위의 코드는 웹마스터를 위한 로그분석을 제공하는 다음 웹인사이드(http://inside.daum.net)에서 제공하는 코드를 삽입하기 위한 모듈이다. 위의 주석 부분에 자기정보를 입력해줘야 한다.

앞으로 입맛에 맞는 블로그를 꾸미기 위해서는 연구를 더 해야할 듯 하다..