ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 포스트 본문을 2단으로 나눠 광고하고 싶으시면, 이렇게 해보세요.
    블로그/일반 2009. 3. 5. 03:12

     

    저도 블로그 초보인데, 저에게 포스트 본문을 어떻게 2단으로 나누어 사용하는지(위의 사진 또는 제 블로그와 같이) 여쭈어 보시는 이웃 블로거들이 꽤 계십니다.

     

    사실..저도 처음에 블로그들을 방문하면서 다니다 보면,

    구글 애드센스 (또는, 일반광고 패널)를 포스트 상당맨위 좌측,또는 우측에 배치하고,

    본문은 그것을 옆에서 타면서, 자연스럽게 물흐르듯..써지는 형태의 블로그들을 보면서..

    "나름 깔끔하고 보기 좋네~"

    라고만 생각한 적이 있었습니다..

     

    처음에는 그러려니 했는데..

    블로거 이웃중에 "지우개 닷컴"님의 포스트를 한번 보고나서 필을확 받았지요...ㅋㅋㅋ

     

    지우개 닷컴님의 구글애드센스 최적화와 관련하여, 클릭율 증가와 관련된 아래 포스트는 한번 정도 참고하시면 좋을것 같네요~

     

    구글 애드센스 클릭율 증가비법 ==> http://www.ziwoogae.com/930

     

    이 포스트를 읽어 보시면, 사람들의 시선본능이, Z, F 형으로 진행됨을 알 수 있습니다.

     

    어린시절..한창 속독법이란것이 유행한적이 있었습니다.

    책을 읽는것이 아니라 머리속에 그림처럼 꽂아두는 훈련법인데,

    여기에 바탕이되는 글습득 메카니즘도 Z 방식입니다.

     

    그리고, F 방식은 과거 제가 애플사에 잠시있었을때도 유저인터페이스 가이드라인에서 귀에 따갑게 들었던 내용인데,

    이 논리는 타겟팅된 방문객은 항상 자신의 목적을 빠르게 습득할 목적으로,

    메뉴라는 범주를 먼저 스캔하고, 그 뒤 메뉴에 근접해 있는, 글들을 본게 된다는.., 그런 내용입니다.

     

    두가지를 조합해 볼때 2단편집은 광고를 싫어하는 일반 블로거에게는 어쩔수 없겠지만,

    실제 타겟팅된 방문자를 광고속으로 밀어넣는다는 방식에서는 매우 실질적인 효과를 가져올 수 있습니다.

    특히 미국의 경우 오른손보다 왼손을 많이 쓰는 분들이 꽤 있는데, 이분들은 이와는 반대로 배치를 하지요.

     

    어쨋든,,

     

    저도 지우개님의 그 글을보고, html을 구현해볼려고..

    돌아가지도 않는 머리로, 네이버 지식인 뒤지고..구글 뒤져도..

    키워드를 잘못 사용했는지는 모르겠지만..."딱!!! 이거닷~" 하는 솔루션은 없더군요..

    쩝..그래두,,답답한 놈이 우물파는 법이죠..ㅋㅋ

     

    그래서 저는 드림위버의 템플릿가운데, 다단 편집모듈을 조금 떼어와서,

    노트패드에 메모해 놓고, 걍 씁니다..(무식하지만..it 옷벗고 10년이상 지내면 저처럼 됩니다..ㅋㅋㅋㅋ)

    당연히 정답일 수 없겠지만, 정답을 보유하고 계신 선수 it 블로거분들의 트랙백 기대해 봅니다.

     

    티스토리 편집시 본문 부분 2단편집 적용 순서는 다음과 같습니다.

     

    헤더 작업 [최초1회 작업해 줍니다.]

     

    0. 스킨메뉴-->html/css편집창으로 가신후, style.css 편집창이 있을겁니다. 그 편집창 맨 아래쪽에 아래 코드를 삽입합니다.

     

    .feature div{
     float: right;
     padding: 0px 5px 5px 10px;
     margin: 0px 0px 0px 0px;
    }



     

    본문 작업 [본문을 작성한 후, 항상 아래작업을 해 줍니다.]

     

    1. 티스토리 편집창에서 글을 모두 다 씁니다.

     

    2. 맨위에 대표사진을 하나 넣습니다..

     

        만일, 글 내용이 대표사진이 없을법한 내용이면,

        바탕색이 흰색인 (안보일 목적) 조그만 사진을 하나 첨부하여 맨위에 넣습니다.(미리 만들어 둔 것으로)

     

    3. 편집창위에 HTML 이라고 써있는 체크버튼을 클릭합니다.

     

    4. 그러면 보통 아래와 같은 html 형태로 나타날겁니다..

     


    5. 위 그림에서 보듯, 빨간 화살표 친 위치에..아래 코드를 집어 넣고, (div 시작)

     

    <!-- 2단 시작, 맨위 첫사진 바로 아래에 붙여준다. -->
    <div class="feature">
    <div>

    요안에..자신의 구글 애드센스 스크립트를 넣으세요.

    독립적으로 떠다닐 내용을 넣으시면 됩니다.

    </div>

     

    6. 마지막으로  본문속 적당한곳(구글 광고크기를 벗어날 정도로 충분량의 글을 포함)에 아래 코드를 집어 넣어줍니다. (div 종료)

     

    </div><!-- 2단 끝 -->

     

    8. 6,7에서 div 태그로 둘러쌓인 곳 에는, 가능하면, 다른 그림파일이나, 복잡한 코드(div, table, layer)가 없어야, 별 충돌없이 잘 돌아갑니다.

     

    그러면 제 포스트의 본문과 같이, 부분 2단 편집이 가능해 집니다.

     

    이 글 보시는 개발사 여러분들 가운데,,

    더 좋은 솔루션 있으시면 꼭~ 트랙백으로 알려주세요^^


     

    댓글 75

    • 이전 댓글 더보기
    • 프로필사진

      오오 이렇게 div 레이어를 이용하는 방법도 좋겠네요 :). 잘 보고 갑니다~

      2009.02.21 13:55
    • 프로필사진

      제 블로그에서는 적용하기가 애매하네요..ㅠㅠ
      머니야님 포스팅보고 지우개닷컴님 블로그에 가서 다시 보고 왔습니다.
      좋은 정보 감사해요. ^^!!

      2009.02.21 15:39 신고
    • 프로필사진

      네 여러가지로 적용하시는군요
      저두 생각좀 해보겠습니다
      좋은정보 공유해주신것 감사드립니다^^

      2009.02.21 16:17 신고
    • 프로필사진

      정말 좋은 정보네요. 저도 광고의 크기를 키울까 생각 중인데 광고가 많다고 클릭이 늘어나는 것은 아닌 것 같기도 해서 결심이 안서네요.

      2009.02.21 17:12 신고
      • 프로필사진

        예^^ 좋은포스트가 많으면 방문자가 많아질것이고 그러다보면 자연히 클릭이 늘거라고 봅니다^^ 그시점에 광고판이 커지면 더 늘겠지요^^

        2009.02.21 20:33 신고
    • 프로필사진

      애드센스를 최적화 하기 전에
      자신의 블로그 컨텐츠를 확충하고 사람들과 교류를 많이 하면서
      자신의 블로그를 홍보하는 전략이 우선되어야 할 것 같습니다.
      컨텐츠 내용은 부실한데 애드센스 최적화만 한다고 해서 될 문제가 아니죠 ㅋ
      추신 : 님 블로그 방명록 봐주세요~

      2009.02.21 18:36
      • 프로필사진

        크~~ 백번맞는말씀입니다^^ 내실을 기하고 그다음에 광고가 되어야만 효과도 더 높아질것이라는 다른표현의말씀에 전적공감합니다^^

        2009.02.21 20:35 신고
    • 프로필사진

      와.. 좋은 내용 공개 감사합니다..^^
      근데 전 내실이 없어서... ㅋㅋㅋ 노력해야겠습니다..

      2009.02.21 22:19
    • 프로필사진

      하;; 전 왜인지 몰라도 광고가 백지로 나오는군요.. 덕지 덕지 붙여놨더니 더러워져서 오른쪽 한개만 해야지 하고
      따라해봤는데 광고가 안나오네요;;
      아무래도 스킨부터 싸그리 다시 뜯어버려야할듯..
      초보블로거는 힘들답니다ㅠ

      2009.02.22 00:48
      • 프로필사진

        광고스킨을 여러개 사용하지 말라는 구글의 권고에 해당되서 그럴수도 있구요~ 메모리문제떄문에 그럴수도 있을거에요~ 다 완성되시면 알려주세요..방문해서 테스트해보겠습니다~

        2009.02.22 01:27 신고
    • 프로필사진

      안녕하세요~^^ 매번 좋은 정보 잘 보고 있습니다.

      머니야님 블로그는 방문할때마다 교묘한 위치선점에 깜짝 깜짝놀라게 되네요..ㅎㅎ

      아이디어와, 그만한 실력이 부러울 따름입니다.

      블로그검색바 하고 글제목 사이에 링크단위 광고 삽입되 있잖아요.

      그건 어느 위치에 삽입해야 하는건가요? 따라해보려고 해도 html은 잼병이라서 영 힘이 드네요 ^^

      2009.02.22 01:53 신고
      • 프로필사진

        지금 익숙하지 않아 그러신거지..아시고 나면..암껏두 아니거든요..그러네 혹시 저와 스킨이 동일하신지 몰겠어요..스킨이 다르면..저도 잘 모르거든요~ 스킨이 같다면 다시 댓글주세요..제가 뒤져서 알려드리죠~

        2009.02.22 01:54 신고
      • 프로필사진

        부탁좀 드릴게요~^^

        스킨 바꾸고 싶어도 적용 시키는걸 몰라서 주저하고 있었거든요.

        그럼 수고하세요

        2009.02.22 12:36 신고
      • 프로필사진

        에고 방금 들렸는데...스킨이 달라서..저도 방법을 모르거든요...ㅠㅠ.. 제가 만일 그 스킨으로 바꾸면 여기 해놓은 거 다 날라가요..ㅠㅠ

        2009.02.22 16:37 신고
    • 프로필사진

      저도 시작한지 며칠이 안되었답니다^.^
      맨처음엔 내키는데로 컨텐츠광고1개 붙였었는데..
      방문자는 그저께80명에서 어제200명쯤으로 올랐는데, 클릭이 완전 제로이네요.ㅋㅋㅋ
      과자값이라도 벌고싶은 소망은 물흐르듯 지나가는?!ㅎ;
      지금현재 3단스킨에 사이드바에 광고넣었는데..

      본문우측에 넣을때, 글쓸때마다 넣는것 외엔 방법이 없을까요?^^;
      귀찮은 저에겐...ㅠ.ㅜ

      2009.02.22 16:19 신고
      • 프로필사진

        예..완전자동은 어려운것 같단 생각이 드네요..윗댓글들을 읽어봐도 좀 그렇더군요... 아무래도 편집은 수작업이 좀 필요한것 같아 보입니다~ 그리고, 잘 준비해두시면..조만간 방문폭주같은것을 경험하실 거에요~ 그러면 아마도.. 좋은결과 있을거라 생각됩니다^^

        2009.02.22 16:38 신고
    • 프로필사진

      아아 제가 스킨을 머니야님꺼랑 같은 걸로 바꾸려고 생각하고 있거든요~^^

      그냥 위치가 어디랑 어디 사이에 삽입하셨는지만 알려주셔도 감사 하겠습니다.

      2009.02.22 20:28 신고
      • 프로필사진

        아항..그럼 알려드리기가 쉬울것 같네요~ 제가 달려가서 보고 오죠..아차 스킨바꿀떄 수작업해놓은신것 있으시면 백업하세요..안그럼 다날라갑니다.특히 사이드바 데이타,,ㅋㅋ,,
        요거 바로 다음부터입니다~ <span class="date"></span>

        2009.02.22 21:33 신고
      • 프로필사진

        감사합니다!!

        머니야님 블로그에 트래픽 폭탄이 연일 터지길 바랄게요^^

        2009.02.23 01:04 신고
    • 프로필사진

      이글도 믹시업이네요.
      오늘은 보는 포스트마다 기죽는 포스트뿐이네요 ㅋㅋㅋ
      너무들 도움되는걸 잘쓰세요...저도 실력있는 블로거가 되기위해 오늘도 열심히해볼랍니다^^
      좋은정보감사해요

      2009.02.22 23:59 신고
    • 프로필사진

      성공했네요^^ Live Writer로 활용할수 있는 방안을 발견해서 트랙백 보냅니다^^

      2009.02.23 23:13 신고
    • 프로필사진

      머니야님 안녕하세요!ㅎ오늘도 들렸어요:)
      제가 이것저것 해보았는데, 위에처럼 글쓸때마다 붙이지 않고, 스킨편집에서 해보았는데
      이 포스트처럼 결과물은 똑같더군요,,^.^제가 옮게한건진 모르겠지만요^^;

      2009.02.24 18:26 신고
      • 프로필사진

        시간되시면 맬맬오세요^^ 그렇게 하셔도 되요~..그런데 제 시스템환경은 안되더군요...^^ 모로가도 서울만가면된다는^^;;

        2009.02.24 22:18 신고
    • 프로필사진

      그렇지 않아도 요즘 구글 광고 재배치의 갈증을 느끼고 있었는데 ^^ 한번 시도해보아야겠어요 ㅎㅎㅎㅎㅎ

      2009.03.09 09:48 신고
    • 프로필사진

      머니야머니야 님의 구글광고는 어디로 갔어요?? 왜 없죠?ㅎ

      2009.03.10 00:50 신고
    • 프로필사진

      저도 지금 비슷하게 사용하고 있습니다. ^^;

      2009.03.11 10:19 신고
    • 프로필사진

      본문 중간에 광고 들어간 것은 일종의 '노가다'의 산물이었구만요.
      전 뭔가 자동화 하는 방법이 있는 줄 알았는데T-T

      2009.03.12 19:37 신고
    • 프로필사진

      머니야님 본문을 2단으로 나누지 않고 그냥 html 로 체크한후 글쓰다가 원하는곳에 광고코드삽입하고 다시 글쓰고......이런식으로해도 광고가 삽입이 되잔아요.
      몇번을 읽었는데 왜 2단으로 나누죠?
      저는 "애드센스 최적화 본문 중간에 원하는대로 삽입하기" 해봤거든요.
      테스트로 해봤는데 본문을 2단으로 나누지않고 ....
      또 사진이 없는 글만 있는곳에 알맞게 삽입을 할수도 있는데...
      모르겟네요.
      머니야님처럼 사진을 넣는다든지 , css편집을 한다던지....하는것이 뭐가 다른지 모르겟네요.

      2009.03.28 22:04 신고
      • 프로필사진

        다르지 않아요^^ 저도 이포스 갱신을 신규로 하는바람에 포스트가 앞으로 나간건데요..초창기엔 잘몰랐었기떄문에..저혼자 끙끙거려서 만들었어요~(2단) 나중에 보니 몇가지 방법들이 제시되는데...다 비슷한 개념이라서..아 틀린게 아녓구나 싶었지요...mun님처럼 해도 맞는것이라 특별한 차이는 없다고 봅니다~ ^^

        2009.03.28 23:59 신고
    • 프로필사진

      제가 그전에 테스트로 포스팅한것이 있는데...한번 보시죠...뭐가 다른건가요?
      http://demun.tistory.com/entry/애드센스-최적화-본문-중간에-삽입하기

      2009.03.28 22:05 신고
    • 프로필사진

      비밀댓글입니다

      2009.07.27 22:03
Designed by Tistory.