반응형

http://exploit15.egloos.com/3962283


블로그에 구글 맞춤검색(Google Custom Search Engine, CSE) 적용 후기 Blog

이글루스에서 제공하는 검색기능이 워낙 병맛이라 그동안 블로그에서 아예 제외해버렸다. 특정 단어를 검색하면 그 단어가 포함된 글은 모두 나와야 하는게 아닌가? 어떤 글은 나오고 어떤 글은 안나오고. 무슨 기준인지도 모르겠고 암튼 마음에 들지 않았다.

하지만 웹에서 검색이란 필수불가결한 기능이다. 이 블로그를 방문하는 많지 않은 사용자도 그렇고 당장 나 자신도 가끔 필요할때가 있다. 그렇다고 병맛나는 이글루스의 검색을 사용하고 싶지는 않아서 구글 맞춤검색을 도입해봤다.

구글 맞춤검색이라 함은 이글루스의 검색 위젯과 비슷한 형태로 구글에서 개별 사이트에 제공해 주는 검색기능이다. 검색대상을 사이트별, 페이지별로 세세하게 지정해 줄수 있다. 개인 블로그에 적용한다면 해당 블로그내에서만 검색해주는 말그대로 맞춤검색인 것이다. 유료버전도 있지만 무료버전도 개인이 사용하기에는 충분히 훌륭하다.

구글 맞춤검색은 아래 사이트에서 등록하면 된다.
구글 맞춤검색

구글계정이 없으면 구글 가입부터 해야한다.

입력하라는거 대충 입력해주고 디자인을 적당히 선택해주면 된다.
검색대상 사이트는 아래와 같이 입력하면 해당 블로그의 모든 데이터가 검색대상에 포함된다.

exploit15.egloos.com/*

비단 자신의 블로그뿐만 아니라 검색에 포함시키고 싶은 사이트가 있으면 계속 추가해주면 된다.
특정 사이트가 아니라 전체 웹을 대상으로 할수도 있지만 그런 기능을 굳이 블로그에 넣을 필요는 없을 것이다.

사이트 등록후에 관리화면에서 제외 주소도 입력할 수 있다. 태그나 댓글같은건 굳이 검색대상에 포함시키고 싶지 않아서 아래와 같이 제외 사이트를 설정했다.

exploit15.egloos.com/tag/*
exploit15.egloos.com/m/*

사이트 등록을 완료하면 블로그에 삽입할 코드를 보여준다.
아래 글을 참고해서 위젯으로 만들어 블로그에 추가하면 된다.
이글루스 팁 - 구글 통계를 이용해보자

처음에는 사이드바에 검색기능을 달고 검색결과는 메인 페이지에 보여주고 싶었다. 의도와는 달리 사이드바에 검색결과가 나왔다. 인터넷을 검색해봤지만 대부분 새창으로 검색결과가 보이는 형태였다. 나는 새창 말고 내 블로그안에 보이고 싶었다. 그래서 구글 맞춤검색 도움말과 웹서핑을 통해서 방법을 찾아봤다. 무려 두시간정도를 헤매고 이리저리 시도해봤지만 결국엔 성공하지 못했다;; 오기도 발동했지만 귀차니즘이 더 커서 그냥 메인페이지 상단에 넣기로 했다.

이전에도 경험했지만 와이드 위젯 두개가 동시에 적용이 안된다. 왜 그런지는 모르겠다. 기존에 이미 구글 통계 추적 코드를 와이드 위젯으로 쓰고 있던터라 그 위젯에 끼워 넣었다. 일단 작동은 에러없이 잘된다. 폰트가 이쁘진 않지만 폰트를 변경하니 CSS코드가 대거 붙어 버려서 걍 기본으로 쓸련다.

좀 더 이쁘게 꾸미고 싶다면 관리화면에서 폰트나 색깔 등을 변경하면 거기에 맞는 코드를 생성해준다. 그외에도 많은 설정항목이 있지만 귀찮아서 패스했다.

*팁 : 검색버튼 옆에 있는 x를 클릭하면 검색결과가 없어진다.

전반적으로 만족스럽다.
검색 대상 사이트를 마음대로 설정할 수 있다는 점과 구글 검색의 다양한 조건식을 사용할 수 있다는 점에서 충분히 가치가 있다고 본다.

*ps
사이트바에 검색창이 나오고 메인화면에 검색결과가 나오게 할려면 자신의 CSE설정 디자인 메뉴에서 레이아웃을 변경해 주면 된다.
페이지를 로딩할때 자바스크립트가 동적으로 검색창 및 검색결과화면을 만들기때문에 약간의 로딩시간과 css편집하기가 어려웠다. 그래서 그냥 단순링크방식으로 변경했다.

반응형

+ Recent posts