티스토리 블로그 내에 검색용 애드센스 검색결과 표시하기

구글 검색용 애드센스의 검색결과를 표시 하는 방법은 새창에 표시하는 방법도 있고
내 홈피나 내 블로그에 표시하는 방법이 있습니다.
여기서 검색결과를  내 블로그에 표시를 하기 위해서는 검색결과를 표시할 주소(URL)가 필요합니다.

일반적인 경우 태터툴즈나 기타 홈페이지를 운영하는 경우 검색용 애드센스 결과를 표시할 주소를 준비하는 것은 쉬운데 티스토리에는 그런 기능을 지원하지 않습니다.
그래서 저 역시도 그냥 검색결과를 새창으로 표시하여 구글검색화면으로 표시를 했었는데요..
이런 경우 접속한 블로그와는 다른 화면으로 검색결과가 표시되어 방문자는 신뢰를 갖지 않을 수가 있습니다.

그러던 중에 제트센스에 올라와 있는 dobiz님의 팁을 보고 검색용 애드센스 검색결과를 내 블로그내에 표시되도록 구현을 해봤습니다.

사용자 삽입 이미지

아주 마음에 드는 군요..

그런데 저처럼 티스토리 블로그내에 검색결과를 표시하기 위한 방법을 찾아다니던 칸나짱님이 어떻게 구현했는지를 포스팅해달라는 요청이 있어서 늦었지만 이제서야 포스팅을 하게 됩니다.


검색용 애드센스 결과를 내 블로그에 표시하는 방법

1. 검색용 애드센스 광고 코드 만들기

티스토리에 본인의 블로그내에 "검색용 애드센스" 검색결과를 표시하는 방법은 티스토리 자체적으로 지원을 하지 않으므로 편법을 써야 하는데, 잘 사용하지 않는 지역 메뉴를 이용하여 구현을 합니다.

검색결과를 내 블로그에 표시하기 위해서는 검색용 애드센스 코드를 다시 설정해야 합니다.

기존의 검색용 애드센스코드를 새롭게 만들거나 기존의 코드를 수정을 해야 합니다.
수정이나 새롭게 만드는 것이나 별반 차이는 없습니다. 다만 중간에 검색결과 표시위치 지정하는 부분에서 옵션만 다를 뿐입니다. 검색용 애드센스 광고 코드 만드는 방법에 대해서는 아실거라 생각하고 바로 넘어가겠습니다.
(모르는분은 여기서 확인하세요 ==>[구글 애드센스] - 블로그에 검색용 애드센스 달기 1 )



검색용 애드센스 광고 코드를 생성하는 단계중 검색결과 페이지 열기 부분에서 다음과 같이
 "내 사이트에서 검색결과 열기"를 선택합니다.

사용자 삽입 이미지

그리고 아래 검색결과가 표시될 URL을 입력합니다.
여기서 티스토리 지역메뉴의 주소를 입력합니다. 지역메뉴의 주소는  
http://본인ID.tistory.com/location 을 입력합니다. (저는 http://ccoma.tistory.com/location 이 되겠죠?)
그리고  그 아래 결과영역의 너비에는 티스토리 블로그의 본문 폭을 입력하면 됩니다.
(이때 결과영역의 너비가 너무 좁다는 경고창이 끄는 경우 아래쪽의 광고위치 선택하는 곳에서 광고 위치를 "위,아래"로 선택을 하면 원하는 너비를 선택할 수 있을것입니다. )

이제 계속 진행하면 아래처럼 두개의 광고 코드가 만들어집니다.
하나는 검색창을 보여주는 코드이고 또 하나는 검색결과가 표시될 페이지에 삽입하는 코드입니다.
 
사용자 삽입 이미지

2. 검색용 애드센스 코드 삽입하기


먼저 검색창용 코드삽입하는 방법은 이전 포스팅에서 했으므로 생략하도록 하겠습니다.
(모르는 분은  요기==> [구글 애드센스] - 블로그에 검색용 애드센스 달기 2 (코드삽입) )

이제 검색결과 페이지에 광고 코드를 삽입해야 합니다.

관리자페이지의 skin.html에서 "local_spot_depth"를 찾습니다.
그런다음 다음과 같이 만약을 대비하여 원래소스를 주석처리 합니다.

   <s_local>
    <div id="localog" class="nonEntry">
<!--     <h3>지역로그</h3>
     <s_local_spot_rep>
      <div class="spot" style="margin-left: [ ##_local_spot_depth_## ]px">
       [ ##_local_spot_## ]
      </div>
     </s_local_spot_rep>
     <s_local_info_rep>
      <div class="info" style="margin-left: [ ##_local_info_depth_##] px">
       <a href="[ ##_local_info_link_## ]">[ ##_local_info_title_## ]</a>
      </div>
     </s_local_info_rep>
-->
    </div>
   </s_local>

이제 검색결과 페이지에 들어갈 코드를 삽입합니다.

   <s_local>
    <div id="localog" class="nonEntry">


        이곳에 검색용 애드센스 검색결과 코드 삽입

<!--     <h3>지역로그</h3>
     <s_local_spot_rep>
      <div class="spot" style="margin-left: [ ##_local_spot_depth_## ]px">
       [ ##_local_spot_## ]
      </div>
     </s_local_spot_rep>
     <s_local_info_rep>
      <div class="info" style="margin-left: [ ##_local_info_depth_## ]px">
       <a href="[ ##_local_info_link_## ]">[ ##_local_info_title_## ]</a>
      </div>
     </s_local_info_rep>
-->
    </div>
   </s_local>


이제 최종적으로 미리보기를 한다음에 이상이 없으면 저장을 하시면 됩니다.

기타 궁금한 사항이 있는 분은 댓글로 남겨주시면 아는 범위내에서 답변드리도록 하겠습니다.

[구글 애드센스] - 블로그에 검색용 애드센스 달기 1
[구글 애드센스] - 블로그에 검색용 애드센스 달기 2 (코드삽입)

※ 이글이 도움이 되셨다면 RSS로 구독해보세요!  


댓글을 달아 주세요

댓글창에 배경그림 넣는방법

  1. 이전 댓글 더보기
  2. BlogIcon 미국얄개 2009.03.04 09:46 신고  댓글주소  수정/삭제  댓글쓰기

    아~하~! 그러고보니 저랑 내용이 똑같네요. 아니 저보다 내용이 훨 좋네요.

    이런 낭패가 있나...?
    워낙 글들이 많다보니 이런 일도 있나 봅니다....ㅎㅎ

    • BlogIcon Kay~ 2009.03.09 15:38 신고  댓글주소  수정/삭제

      ㅋㅋ 저도 그런 경우 참 많아요!
      모든 글들을 다 볼 수 없으니.. 어쩔 수 없는 일이고요..
      사람마다 이해하는 방법이 다 틀리기 때문에 비슷한 종류의 글이 많을 수록 좋은게 아닐까요? ^^

  3. BlogIcon 대구사랑 2009.03.04 10:43 신고  댓글주소  수정/삭제  댓글쓰기

    아, kay~님의 강좌도 있었네여. 제가 몰라뵈었네여.^^
    좋은강좌가 이렇게 많이 있었다니...
    초보자가 보기엔 머나먼 산인듯. 에~~휴~~~
    열공하겠습니다. 감사합니다.
    자주뵈여...

    • BlogIcon Kay~ 2009.03.09 15:41 신고  댓글주소  수정/삭제

      ㅎㅎ 제가 처음에 설치하면서 등록햇던 내용들이지요! ㅎㅎ
      그런데 이렇게 하나하나 셋팅하는것이 나름 재미가 있어요.. ^^

  4. 2009.03.04 17:36  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

    • BlogIcon Kay~ 2009.03.09 15:44 신고  댓글주소  수정/삭제

      ㅋㅋ 이 소스가 원래 블로내의 포스트영역에 결과를 출력하는 것입니다.
      오른쪽 영역은 사이드 영역이라 불가능할것입니다. ㅋㅋ

  5. BlogIcon 즐거운하루이야기 2009.03.09 13:30 신고  댓글주소  수정/삭제  댓글쓰기

    살포시 엮은글 쏘고 갑니다

  6. BlogIcon 호방쾌남 2009.04.06 21:50 신고  댓글주소  수정/삭제  댓글쓰기

    헉 저는 너비 조정 불가능한 줄 알고 블로그말고 새로운 페이지를 만들었네요...
    ( 삽질 내용: http://tenbagger.tistory.com/entry/검색용-애드센스-검색-결과창에-광고-추가 )

  7. 2009.05.07 22:00  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

    • BlogIcon Kay~ 2009.05.08 00:32 신고  댓글주소  수정/삭제

      <s_local>
      <div class="article_etc location">

      이곳에 검색결과 소스를 넣으면 될것같습니다.

      <!--
      <div class="article_head">
      <h3 class="title">Location Log</h3>
      </div>
      <div class="article_post">
      <s_local_spot_rep>
      <div style="margin-left: px" class="spot">
      <img src="./images/icon_location_spot.gif" alt="" class="spot_img" />
      </div>
      </s_local_spot_rep>
      <s_local_info_rep>
      <div style="margin-left: px" class="post">
      <img src="./images/icon_location_post.gif" alt="" class="post_img" /> <a href=""></a>
      </div>
      </s_local_info_rep>
      </div>
      -->
      </div>
      </s_local>

  8. BlogIcon EL。 2009.05.21 16:27 신고  댓글주소  수정/삭제  댓글쓰기

    Kay님 검색창에서 검색하면

    Kay님의 블로그안에 포스팅되어 있는 내용들이 검색되는데

    저는 그냥 다른분들 블로그에 있는거 까지 검색이 되네요..

    물론 선택한 사이트에는 제 블로그 주소를 입력했는데 말이죠..ㅠ

  9. BlogIcon 어린오리 2009.05.26 22:00 신고  댓글주소  수정/삭제  댓글쓰기

    아아, 코드도 비슷한데.. 이상하게 안됩니다.ㅠㅠ
    겉으론 멀쩡한데말이죠..
    왜 검색조차 되지 않을까요?ㅜ

    • BlogIcon Kay~ 2009.08.27 10:18 신고  댓글주소  수정/삭제

      정말 검색이 되지 않는군요!
      코드 만드실때 검색대상 주소와 언어(인코딩?)를 utf-8로 설정을 해주신거죠?
      그리고 이 방법은 코드가 2개가 필요합니다.
      서로 다른곳에 삽입을 해야하고요!

  10. BlogIcon mahabanya 2009.06.06 02:44 신고  댓글주소  수정/삭제  댓글쓰기

    전에도 한 번 도움을 얻고, 이번에도 도움을 얻고 갑니다.

  11. BlogIcon 융털깎기 2009.06.26 20:57 신고  댓글주소  수정/삭제  댓글쓰기

    궁금한점이 있는데 아무리 검색해도 결과는 없다고만 나옵니다 ㅠㅠ. 글을 올린지 얼마 되지 않아서 그런거일까요?

    • BlogIcon Kay~ 2009.08.27 10:20 신고  댓글주소  수정/삭제

      검색이 안된다면 코드 만들때 적어주는 검색될 주소리스트를 빼놓고 적었는지..
      아니면 2개의 코드를 모두 적용시켰는지 확인을 해보셔야 할것 같습니다.

  12. BlogIcon Bezzangi 2009.08.21 18:53 신고  댓글주소  수정/삭제  댓글쓰기

    감사합니다.
    검색창 두개 달았는데
    둘다 잘돌아갑니다.

  13. BlogIcon 머 걍 2009.12.09 17:15 신고  댓글주소  수정/삭제  댓글쓰기

    안녕하세요,kay~님^^
    매번 너무 많은 도움 받고 있습니다.
    한번 더 귀찮케 해드려야겠네요.

    제가 설명대로 검색창을 달았는데요.

    검색창 옆에 '검색' 이부분 말인데요.
    케이님꺼 보면 깔끔하구 이쁜데
    전 왜 짜부러진 모양일까요??
    이거 설정을 따로 하나요??

    그리고 좀 어려워보이는데
    검색창 위아래 쓰신
    글씨는 어찌 넣는건가요??


    그리고 검색결과에 보면
    긴 검색창옆에 구글맞춤검색 요거는 어케 넣는건가요?

    바쁘시더라도 좀 알려주시믄 감사하겠습니다^^

    • BlogIcon Kay~ 2009.12.09 23:41 신고  댓글주소  수정/삭제

      일단 간단하게 말씀드리겠습니다.
      우측 사이드바 검색단추크기가 작아진 원인은
      스타일시트 적용이 안된것 같은 느낌이 드네요!
      소스중에 아래와 같은 내용이 있는지 확인해보세요!

      <style type="text/css">
      @import url(http://www.google.com/cse/api/branding.css);
      </style>

      그리고 기존의 검색소스의 주석처리가 제대로 되었는지 확인해보시기 바랍니다.

      검색창 위아래 글자는 직접 적어주시면 됩니다.
      즉 html/css편집창에서 검색 소스의 위나 아래에 직접 원하는 내용을 적어주는거죠.
      간단하죠?
      그리고 중앙에 검색폼은 검색용 애드센스 코드를 만드는 과정에서 선택을 할 수가 있습니다.
      이정도로 해결이 될지 모르겟습니다.

    • BlogIcon 머 걍 2009.12.10 01:02 신고  댓글주소  수정/삭제

      우선 바쁘신 와중에 답변 감사합니다,케이님^^

      제가 열심히 뒤져본 결과
      일단 그 소스가 없길래
      추가를 했는데 변화가 없네요.

      주석부분도 이상없고요.


      그런데 세번째건을 확인하다가
      그 위치지정을 하고나니까
      위에 적힌 쏘스 부분이 있더군요.
      다른 쏘스들이 추가되기도 했구요.

      두번째는 뭐 ㅎㅎ.

      일단 검색기능은 되니까
      당장 문제되는건 아닌데
      미관상 별로라서...

      암튼 두가지나 해결됬으니 감사드립니다^^

  14. BlogIcon 에프(f) 2009.12.09 23:11 신고  댓글주소  수정/삭제  댓글쓰기

    안녕하세요. ^^ 좋은 정보를 넘 많이(?) 제공해주셔서 도움 톡톡히 받고 있습니당.. 오늘은 검색용 애드센스를 달아보았어요. 자세한 정보 감사드립니닷!!!

  15. BlogIcon 피아노블로그 2010.02.09 02:37 신고  댓글주소  수정/삭제  댓글쓰기

    케이님 덕에 잘 달았습니다~ 근데 문제가 생긴 것 같아요!

    케이님 검색기로 검색을 해보니 블로그 글 검색이 잘 되던데 전 엉뚱한곳 검색이 되네요

    그냥 구글 검색인듯...

    그래서 일단 원래 있던 검색기를 다시 달았는데 해결방법이..

    • BlogIcon Kay~ 2010.04.25 20:09 신고  댓글주소  수정/삭제

      답변이 조금 늦었지만..
      의심가는 부분이 검색용애드센스 광고코드 만들때 선택하는
      검색유형부분이 아닐까 합니다.
      검색유형부분에 "선택한 사이트만"을 선택하고..
      선택한 사이트에 SamEom님 블로그 주소를 적어야 하는데..
      혹시 그렇게 하셨나요?
      방법은 http://ccoma.tistory.com/269 를 참조하시면 됩니다.

  16. BlogIcon 관대한 2010.04.24 12:17 신고  댓글주소  수정/삭제  댓글쓰기

    고맙습니다. Kay님 덕분에 손쉽게 검색용 애드센스를 달았습니다^^

    • BlogIcon Kay~ 2010.04.25 20:10 신고  댓글주소  수정/삭제

      아 문제없이 잘 달으셔서 다행이네요!
      원래 문제가 생기면 해결하는데 의외로 시간이 많이 걸리거든요! ^^

  17. BlogIcon 노지 2010.05.11 17:06 신고  댓글주소  수정/삭제  댓글쓰기

    화면이 밀립니다.... 구글맞춤검색 할떄 최소사이즈 800하라구 해서 했더니

    제 블로그에서 검색될 때 마다 800이 아니라 짤려요. 반이...이 부분은 어떻게 수정을 해야 할까요..?

  18. BlogIcon 민구사이륙 2010.05.31 02:00 신고  댓글주소  수정/삭제  댓글쓰기

    저이고 1주일동안 하루종일 해보는데 계쏙 안는거잇죠.ㅠㅠㅠ

    검색결과 설정하고 미리보기 하면 검색결과창이 나와야 되는건가요?

    위에 방식대로 했는데 왜 자꾸 잘못된 주소라고 나오는지..

    혹시 제가 지금 한국에 없고 다른나라에서 있는데 그것때문에 그런걸까요?

    아.. 왜 안될까요.ㅠㅠ

  19. BlogIcon louis vuitton bags 2010.10.30 10:43 신고  댓글주소  수정/삭제  댓글쓰기

    구글애드센스 관련해서 검색하다 보면

  20. BlogIcon ICARUS㈜ 2011.04.14 14:01 신고  댓글주소  수정/삭제  댓글쓰기

    좋은정보 감사합니다.
    제 블로그에 적용해보니까 잘 적용되네요 ^^:

    • BlogIcon Kay~ 2011.05.02 09:05 신고  댓글주소  수정/삭제

      ^^ 잘 적용된다니 다행이네요~
      아니었다면 제가 또 한참을 소스를 들여다봐야 하는 경우도 생겼을거라는 ㅎㅎ

  21. BlogIcon 슬마로72 2011.05.01 00:50 신고  댓글주소  수정/삭제  댓글쓰기

    항상 좋은글들 많이 보고 배우고 있습니다.
    경제가 너무 어렵고 생활이 어려워서 이것저것 찾아다니다가
    결국은 이렇게 블로그를 시작하게 되었습니다.
    아는것은 전무하고 글쓰는 재주는 초딩에도 못미칩니다.
    인터넷 상식도 별로없고 그런다고 뭔가 마땅하게 쓸만한 주제들도 없는데
    그래도 이렇게 쉽게 설명해주시는 분들이 있어서 너무 좋습니다.
    앞으로도 자주 찾아뵙겠습니다.