검색막대에 검색 엔진 추가하기
Posted: 2004 09 17 21:54 48
1.0PR부터 검색 막대에서 구글 이외에도 야후, 이베이, dictionary.com, 아마존을 이용하여 검색을 할 수 있게 되었습니다. 하지만 검색 엔진이 이 다섯개만 있는 것이 아닙니다. 그래서 불여우는 사용자가 직접 검색 엔진을 등록할 수 있는 기능을 제공합니다.
검색 막대의 검색 엔진에 대한 설정은 불여우의 설치 경로 아래의 searchplugins라는 디렉토리에 .src 파일로 저장되어 있습니다. 검색 엔진을 추가하려면 이곳에 같은 형식의 파일을 추가하면 됩니다.
.src 파일에 사용되는 태그는 여러가지가 있지만 이 글에서는 꼭 필요한 몇 가지만 다루겠습니다. 이해를 돕기 위해 네이버 지식iN을 예로 듭니다.
<search
.src 파일은 search 태그로 둘러 쌓여야 합니다.
name="KiN"
검색 엔진의 이름을 입력합니다. 한글은 표시되지 않기 때문에 반드시 영문으로 입력해야 합니다.
description="Naver KiN Search"
검색 엔진에 대한 설명입니다. 화면에 표시되지는 않지만 입력해야 합니다.
action="http://kin.naver.com/search.naver"
검색 엔진의 URL을 입력합니다. -> 검색 엔진의 URL과 변수를 알아내는 방법은 이 글의 가장 마지막에 적어 놓았습니다.
method="GET"
변수를 보내는 방식을 지정합니다. POST와 GET이 있지만 현재는 GET만 지원합니다.
>
search 태그의 시작 부분을 닫습니다.
<input name="sourceid" value="Mozilla-search">
input 태그는 name에 변수명을 입력하고 value에 값을 입력합니다. sourceid 변수는 검색 엔진에 어떤 브라우저를 사용하고 있는지를 알리기 위해 사용합니다. 모질라 제품을 사용하고 있음을 알리기 위해 이 태그는 반드시 사용합시다.
<input name="query" user>
사용자가 입력한 검색어를 전송하는 부분입니다. 지식iN에서 검색어에 해당하는 변수가 "query"이기 때문에 name에 query를 입력했습니다. user는 사용자가 입력한 검색어를 뜻합니다. 여기서는 value를 쓸 필요가 없습니다.
<input name="where" value="ns_all">
지식iN의 검색 결과 주소를 보면 where라는 변수에 ns_all이라는 값이 지정되어 있습니다. 사용자가 입력한 검색어 이외에 검색을 하는 데 필요한 변수는 이런 방식으로 입력을 하면 됩니다.
</search>
필요한 정보를 모두 입력했으므로 search 태그를 닫습니다.
위의 내용을 정리하면 다음과 같은 코드가 완성됩니다.
이 파일을 kin.src 라는 이름으로 저장하고 화면에 표시될 아이콘을 kin.gif 라는 이름으로 저장한 후 불여우를 다시 시작하면 검색막대에 지식iN 검색 엔진이 추가됩니다. 만약 아이콘을 저장하지 않으면 검색 엔진을 선택한 후 아이콘이 없어 다른 검색 엔진을 선택할 수 없게 됩니다. 이 때는 Ctrl + 위, 아래로 검색 엔진을 변경하면 되지만 될 수 있으면 아이콘을 등록하는 것이 좋습니다.
참고자료: Quick start guide to creating Mozilla-Search plugins
검색 엔진의 URL과 변수 알아내는 방법
① 해당 사이트에 접속하여 검색을 합니다.
http://heygom.com/tt/uploaded/make_src/find_var_1.png
② 주소막대에 표시된 주소를 분석합니다. 표시된 주소에서 ? 앞까지가 검색 엔진의 URL이고 그 뒤가 각 변수와 값입니다. 변수들은 & 으로 나뉩니다.
http://heygom.com/tt/uploaded/make_src/find_var_2.png
위의 그림에서 주소막대에 표시된 주소는 kin.naver.com/search.naver?where=ns_all&query=firefox 입니다. 이 중 kin.naver.com/search.naver 가 지식iN 엔진의 URL이며 현재 이 URL로 전송된 변수는 where와 query 두 개입니다. 검색어에 입력한 "firefox"의 위치로 보아 검색어를 나타내는 변수는 query 임을 알 수 있습니다.
검색 막대의 검색 엔진에 대한 설정은 불여우의 설치 경로 아래의 searchplugins라는 디렉토리에 .src 파일로 저장되어 있습니다. 검색 엔진을 추가하려면 이곳에 같은 형식의 파일을 추가하면 됩니다.
.src 파일에 사용되는 태그는 여러가지가 있지만 이 글에서는 꼭 필요한 몇 가지만 다루겠습니다. 이해를 돕기 위해 네이버 지식iN을 예로 듭니다.
<search
.src 파일은 search 태그로 둘러 쌓여야 합니다.
name="KiN"
검색 엔진의 이름을 입력합니다. 한글은 표시되지 않기 때문에 반드시 영문으로 입력해야 합니다.
description="Naver KiN Search"
검색 엔진에 대한 설명입니다. 화면에 표시되지는 않지만 입력해야 합니다.
action="http://kin.naver.com/search.naver"
검색 엔진의 URL을 입력합니다. -> 검색 엔진의 URL과 변수를 알아내는 방법은 이 글의 가장 마지막에 적어 놓았습니다.
method="GET"
변수를 보내는 방식을 지정합니다. POST와 GET이 있지만 현재는 GET만 지원합니다.
>
search 태그의 시작 부분을 닫습니다.
<input name="sourceid" value="Mozilla-search">
input 태그는 name에 변수명을 입력하고 value에 값을 입력합니다. sourceid 변수는 검색 엔진에 어떤 브라우저를 사용하고 있는지를 알리기 위해 사용합니다. 모질라 제품을 사용하고 있음을 알리기 위해 이 태그는 반드시 사용합시다.
<input name="query" user>
사용자가 입력한 검색어를 전송하는 부분입니다. 지식iN에서 검색어에 해당하는 변수가 "query"이기 때문에 name에 query를 입력했습니다. user는 사용자가 입력한 검색어를 뜻합니다. 여기서는 value를 쓸 필요가 없습니다.
<input name="where" value="ns_all">
지식iN의 검색 결과 주소를 보면 where라는 변수에 ns_all이라는 값이 지정되어 있습니다. 사용자가 입력한 검색어 이외에 검색을 하는 데 필요한 변수는 이런 방식으로 입력을 하면 됩니다.
</search>
필요한 정보를 모두 입력했으므로 search 태그를 닫습니다.
위의 내용을 정리하면 다음과 같은 코드가 완성됩니다.
Code: Select all
<search
name="KiN"
description="Naver KiN Search"
action="http://kin.naver.com/search.naver"
method="GET"
>
<input name="sourceid" value="Mozilla-search">
<input name="query" user>
<input name="where" value="ns_all">
</search>
참고자료: Quick start guide to creating Mozilla-Search plugins
검색 엔진의 URL과 변수 알아내는 방법
① 해당 사이트에 접속하여 검색을 합니다.
http://heygom.com/tt/uploaded/make_src/find_var_1.png
② 주소막대에 표시된 주소를 분석합니다. 표시된 주소에서 ? 앞까지가 검색 엔진의 URL이고 그 뒤가 각 변수와 값입니다. 변수들은 & 으로 나뉩니다.
http://heygom.com/tt/uploaded/make_src/find_var_2.png
위의 그림에서 주소막대에 표시된 주소는 kin.naver.com/search.naver?where=ns_all&query=firefox 입니다. 이 중 kin.naver.com/search.naver 가 지식iN 엔진의 URL이며 현재 이 URL로 전송된 변수는 where와 query 두 개입니다. 검색어에 입력한 "firefox"의 위치로 보아 검색어를 나타내는 변수는 query 임을 알 수 있습니다.