티스토리 구글 맞춤검색 사이드바에 추가하기

Posted by 블랙쥬스
2017.04.16 11:09 기타/구글(Google)

구글 맞춤검색 사이드바에 추가하기

 



이번에 포스팅 할 내용은 위 사진과 같이 사이드바 모듈에 "구글 맞춤검색"을 넣는 방법에 대해 설명을 하겠습니다.

 

이전 포스팅들은 "HTML/CSS편집"을 이용한 방법으로 사이드바 모듈을 추가 하였는데, 이번 방법은 간단하게 티스토리 관리자모드 "사이드바" 방법을 통해서 구글 사이드바 모듈에 추가 하는 법에 대해서 전해드리겠습니다. (물론 구글 사이드바 광고나 다른 모듈에대해서도 이 방법이 가능합니다)

 

이제 구글 맞춤검색 추가 하는 방법에 대해서 자세하게 설명해 나가도록 하겠습니다.

먼저 "구글 맞춤광고"를 추가하기 위해서는 구글 애드센스 홈페이지로 접속하여 맞춤광고 코드를 만드셔야 합니다.


구글 애드센스 홈페이지 


위 사이트로 접속하여 애드센스 계정을 로그인 하신후에 내 광고 -> 검색 -> 맞춤검색 엔진을 클릭하여,  맞춤검색단위를 합니다.


 

새 맞춤검색 엔진을 클릭하여 아래와 같이 설정을 해주시면 됩니다. '

아래의 설정값은 자신의 방식대로 설정 하셔도 무관합니다.

 

위에 순서대로 진행을 해주시고 일반 애드센스 광고를 넣는것처럼 검색창코드를 복사하여 주시면 됩니다 ^^

 

이렇게 진행을 하시고 다음 넘어갈 단계는 티스토리 관리자 모드로 접속하여 "사이드바"이동을 하면 됩니다.

 

위에 구글에서 검색창코드 복사한 태그를 티스토리관리자 -> 사이드바 -> HTML배너출력 을 클릭하시고 편집버튼을 눌러 코드를 붙여넣기만 해주시면 자신의 블로그 사이드바에 맞춤검색엔진이 삽입되신 것을 확인 할 수 있으실 겁니다.

 

 

포스팅을 보시고 우측 사이드바 "이웃추가"를 눌러 글쓴이와 소통하고 본문 아래 "공감"버튼 꾹 한번씩만 눌러시면 감사하겠습니다.

이 댓글을 비밀 댓글로
  1. 저는 티스토리 관리자 모드 사이드바 설정에 들어갔는데 HTML 배너 출력 메뉴가 없네요 ㅜㅜ
    • 관리자모드로 들어가서 플러그인설정 들어가신다음에 관리및통계 항목에서 "배너출력" 하고 "태그입력기" 선택하시면 사이드바에 메뉴 활성화가 되실꺼에욥! 공감버튼 부탁드릴께요^^
  2. 안녕하세요. 오늘 여기서 좋은정보 많이 가져갑니다.
    질문이 있는데요 저도 같은 스킨을 적용했는데 구글검색(search) 라는 제목이 안뜨고 그냥 검색창 한줄만 뜨는데
    어찌해야할까요..?
    • 구글 검색 (아이콘)
      나오게 하시려면
      HTML/CSS 편집으로 이용하셔야 합니다.

      해당 포스팅은 사이드바로 이용한 추가 방법이고 별도의 "구글검색(아이콘)"을 원하실 경우
      아래의 태그 방법을
      수기로 HTML/CSS편집을 이용하여 광고를 삽입하시면 됩니다

      <s_sidebar_element>
      <div class="panel panel-default">
      <h4 class="panel-heading"><i class="fa fa-search search-icon"></i> 구글검색</h4>
      <div class="panel-body" style="text-align:center;">

      "구글 검색 코드(붙여넣기)"

      </div>
      </div>
      </s_sidebar_element>


      별도 도움포스팅자료를 원하시면
      http://blackjuce.tistory.com/53

      이쪽을 참고하시면 쉽게 해결하실 수 있습니다
  3. 덕분에 구글검색이라고 제목 달아놨습니다~~
    이제 아이콘 바꾸는법을 공부해봐야겠습니다~!!
    (코드 잘 보고 search로 때려맞춰 아이콘도 변경했습니다.)