지난번 방문자 체류시간 늘리기편에 이어 애드센스 광고 클릭율을 높이기 위한 방법으로 폰트 최적화를 진행해 보겠습니다. 애드센스 광고를 최적화 하는데 있어서 폰트의 색상과 배경을 자신의 웹사이트와 매치되도록 하는 것은 최적화의 기본입니다. 어떻게 하면 애드센스 광고가 사이트와 잘 매치되어 방문자로 하여금 광고 클릭을 이끌어 낼 수 있을까 라는 고민을 한번쯤 해보셨을 겁니다. 그래서 애드센스 광고 디자인을 최적화 하기 위해 검색을 해봤습니다. 폰트색과 배경색 그리고 애드센스 스킨에 관한 정보를 찾을 수 있었지만 폰트 최적화에 대한 정보는 없었습니다.

제가 폰트에 관심을 갖게 된 것은 외국 사이트를 둘러보면 애드센스 광고의 폰트 최적화가 잘 되어 있는 것을 확인 할 수 있습니다. 해당 사이트의 폰트를 애드센스 광고 폰트와 일치시켜 광고인지 콘텐츠인지 구분이 안가게 해놓은 것입니다. 광고임을 알고 있어도 무의식 중에 클릭을 하게끔 만든 것이죠.

광고주의 입장에서 보면 썩 좋은 방법은 아니라고 생각됩니다. 하지만 타겟팅 광고를 통해서 포스트의 내용과 관련된 광고라면 이러한 클릭유도가 나쁘지만은 않다고 생각합니다. 그래서 지금부터 애드센스 광고와 동일한 콘텐츠 링크를 만들어 보려고 합니다. 애드센스 광고인지 콘텐츠 링크인지 확인 할 수 있는 방법은 'Google 광고' 가 표시 되어 있느냐 없느냐의 차이일 것 입니다.

블로그에 방문하시는 분들 중 300x250광고와 블로그 콘텐츠 링크(블로그에 있는 포스트들 중 몇개만 요약해 놓은 것)의 배치에 대해 정말 멋진 조화라고 말씀해 주신 분들이 있었습니다. 두개다 광고 아니냐는 질문도 있었구요. 광고라고 생각 하신 분들은 잘 확인해보시면 쉽게 알 수 있습니다.

사용자 삽입 이미지

애드센스 콘텐츠광고(좌), 블로그 콘텐츠 링크(우)

제가 이러한 광고 배치를 한 이유는 방문자로 하여금 오른쪽 콘텐츠를 클릭해서 광고가 아니라고 판단될 경우 왼쪽 광고를 클릭하지 않을까라는 지극히 개인적인 생각에서 얻어낸 아이디어였습니다. 효과는 글쎄요. 애드센스 수익의 80%~90%를 차지한다고 하면 답이 될지 모르겠습니다. 물론 지금은 블로그 레이아웃과 광고 배치를 변경해서 클릭율이 변경됐습니다.

그럼 애드센스 광고와 동일한 콘텐츠 링크를 만들어 보겠습니다. 애드센스 광고와 동일하게 만들기 위해서는 어떤 폰트를 사용했는지 알아야 합니다. 제가 처음 애드센스 광고와 동일한 콘텐츠 링크를 만들려고 사용했던 방법은 비슷하게 보이는 폰트를 적용시키는 것 뿐이었습니다. HTML이나 CSS에 대한 지식이 전무했고 지금도 마찬가지 입니다. 그런데 어떻게 만들었냐고요? 그냥 무작정 해봤습니다. 되는데 까지 해봤더니 정말 되더군요. 단순무식의 극치입니다. ㅡ_ㅡ;;

사용자 삽입 이미지

사용자 삽입 이미지

제 블로그에 맞게 필요한 소스를 찾아서 배경색과 내용을 수정한 결과 입니다. 아래 소스는 각자의 블로그에 맞게 수정을 해주셔야 합니다. 수정이라고 해봐야 배경색과 폰트 사이즈 정도겠지만요. ^^; 아래 소스는 애드센스 광고 300x250에 대한 코드입니다. 다른 크기의 애드센스 광고는 각자에 맞게 코드가 설정되어 있습니다. 드래그가 안되는 관계로 *.txt 파일을 아래 첨부했습니다.

소스 보기


제 블로그에 보이는 콘텐츠 링크는 아이프레임으로 보이게 했습니다. 블로그에 직접 붙이시던 아이프레임으로 불러오시던 원하시는 대로 설정하시면 됩니다. 한가지 주의하실 부분은 아이프레임으로 불러오실때 한글이 깨지지 않는지 확인하셔야 합니다. 웹브라우저에 따라 한글 인코딩 방식이 다른 것 같습니다. 익스플로러 6.0에서는 아무런 문제가 없었지만 익스플로러 7.0에서는 아래와 같이 한글이 깨지는 현상이 생겼습니다.

사용자 삽입 이미지

외부에 나갈 일이 생겨서 노트북(익스플로러 7.0)으로 블로그 접속했더니 위와 같이 보이더라구요. 일주일만에 이사실을 알았습니다. 당황스럽더군요. 나름대로 애드센스 폰트까지 최적화 했다고 뿌듯해 했었는데 말이죠. 데스크탑(익스플로러 6.0)에서는 문제가 없었는데, 7.0에서 한글 인코딩 문제로 위와 같이 글씨가 깨져 보였습니다. 티스토리가 UTF-8을 지원하기 때문에 그런 것 같습니다. 아이프레임 걸어 놓은 호스팅은 EUC-KR을 지원하기 때문인 듯 합니다. 그래서 다음과 같은 코드를 입력해서 정상적인 결과가 나타나도록 수정했습니다.

<Meta http-equiv="Content-Type" content="text/html; charset=ks_c_5601-1987 ">

한글이 깨져 보이는 경우, 위와 같이 코드를 지정하면 한글이 깨져 보이는 현상을 개선할 수 있습니다. 이유는 모르겠습니다. 그냥 무작정 따라했을 뿐입니다. ^^; 인내심을 가지고 자신의 블로그를 최적화해보시기 바랍니다. 제가 할 수 있는데 여러분들은 못하시겠습니까. 지금까지 애드센스 광고 폰트최적화 방법에 대해서 알아봤습니다. 허접한 정보나마 도움이 되기를 바라는 마음으로 포스팅했습니다. 잘못된 부분이나 추가해야 할 부분이 있다면 덧글로 남겨주시면 감사하겠습니다.

300x250 콘텐츠 링크소스.txt

소스 다운받으시는 분께서는 덧글 부탁드립니다.

p.s. 사용자의 웹브라우저에 따라서 자신의 블로그가 다르게 보인다는 것 알아두시기 바랍니다. 블로그 최적화에 있어서 방문자의 컴퓨터 환경이 어떻게 되는지 알아두는 것도 상당한 도움이 됩니다.



아이폰으로 TV를 볼 수 있는 페이지 입니다. 개인 소장용 페이지라고 보시면 됩니다. 소문은 내지 마세요. 짤립니다.
※ 아이폰 사파리로 접속하세요. torrento.kr

댓글을 달아 주세요

<PREV 1 ... 90 91 92 93 94 95 96 97 98 ... 281 NEXT>