광고 없는 검색센터 만들기
우연찮게 올블로그 글을 보다가..여름하늘님의 "네이버와 엠파스를 구글처럼 가볍게 사용하기.' 글을 읽었는데요...
http://skysummer.egloos.com/1231363
몇가지 소스를 뺀 상태에서 파일로 HTML을 만들어 홈페이지로 지정하기 식인 것 같습니다.
그런데 예전에 왜 개인 홈페이지가 많이 만들어졌을 때 홍보용으로 각 검색엔진들이 '검색창 달기'라는 소스 퍼가기를 통해 검색란을 제공했었거든요..
예를 들어 아래를 방문해보시면 (설치형)블로그나 홈페이지에 검색창을 달 수 있습니다.
네이버 검색창 달기
http://guide.naver.com/conect_serv/nexearch.html
구글 검색창 달기http://www.google.com/intl/ko/searchcode.html
야후 검색창 달기http://kr.docs.yahoo.com/info/yahootogo/
파란 검색창 달기http://searchc.paran.com/help/search_barB.php
첫눈 검색창 달기http://blog.1nooncorp.com/index.php?pl=59&ct1=4
우편번호 검색창 달기http://www.epost114.co.kr/link.html
여기 나와 있는 소스만으로도 HTML 파일을 간단히 만들어 저장해둔 다음 라이트형 검색 페이지를 만들 수 있죠. 여러 소스를 한꺼번에 한 파일에 담으면 '라이트형 검색 센터'가 되겠죠?
아, 그리고 그냥 구글처럼 라이트형 검색 사이트를 보고 싶다면 도메인 앞에 'search.'을 붙여보세요. 광고 없는 페이지로 시작할 수 있습니다.
예를 들어 엠파스는 search.empas.com 이구요. 드림위즈는 search.dreamwiz.com 입니다.
이 방법을 사용하면 다음이나 네이버, 야후는 검색 센터로 이동하면서 여전히 어지러운 것도 사실이죠.
그런데, 어쨌든 이것만으론 좀 산만하죠?
그래서 각 검색을 좀 편하게 만드려면 아래 소스를 복사하셔서 'allsearch.html' 정도의 이름으로 파일을 저장하시고.. 이 파일을 홈페이지로 지정하시면 편할 겁니다.
<allsearch.html> 소스 ------------------------------------------
function addplus(items)
{
var plussed = "";
for (var t = 1 ; t <= items.length ; t++)
{
if (items.substring(t-1,t) == " ")
{ plussed+="+"; }
else
{ plussed+=items.substring(t-1,t); }
}
return plussed;
}
function doSearch()
{
var words;
var f= document.cnjform;
words = f.query.value;
var searchitems;
searchitems=addplus(words);
var index;
index = f.service.selectedIndex;
if (index>=1)
{
var site;
site = f.service.options[index].value;
site+=searchitems;
if (notEmpty(searchitems))
{
window.open(site,"CnJ_Win"); // 새창일때
//window.open(site,"CnJ_Win","width=800,height=550,status=yes,scrollbars=yes,toolbar=no"); // 팝업창일때
// parent.프레임네임.location=site // 프레임이 있을때
// window.location=site; // 현재창에
}
}
else
{alert("\n검색엔진을 선택하세요");
f.service.style.backgroundColor = '#FFEDA6';
}
}
// 검색어 입력 필드 체크하는 부분
function notEmpty(word)
{
var f= document.cnjform;
if (word == "" || word == null)
{
self.status="검색어를 입력하십시오.";
alert("검색어를 입력하십시오.");
f.query.style.backgroundColor = '#FFEDA6';
f.query.focus();
return false;
}
else if (word == "검색어입력")
{
self.status="검색어를 입력하십시오. ::::> http://www.ringblog.net"; // 검색어 입력 안했을때 상태바에 메세지
alert("검색어를 입력하십시오.");
f.query.value = "";
f.query.style.backgroundColor = '#FFEDA6';
f.query.focus();
return false;
}
else
{
self.status = "검색어 : " + word + " ::::> http://www.ringblog.net"; // 검색어 입력 했을때 상태바에 메세지
return true;
}
}
onblur="document.cnjform.query.style.backgroundColor = '';"></td>
height:16pt;cursor:hand;">
<input type="reset" value="취 소" style="background-color:rgb(240,240,240);border-width:1pt; height:16pt;cursor:hand;">
눈치 채신 분들도 있을겁니다. 이 페이지를 프레임을 나눠서 다른 프레임으로 검색결과를 넘긴다면 브라우저 하나로 순식간에 여러 검색을 돌려보며 비교해볼 수 있다는 말씀..^^
* 추가 내용1 : 사실 다음, 네이버 등은 암만 찾아봐도 검색창 달기 소스를 보여주지 않네요.. 흠.. 괴씸한..^^ 그래도 이 소스를 이용하면 다른 옵션을 다 지우고 하나의 검색 엔진만 등록해 사용할 수 있다는 거 눈치 채셨겠죠?
* 추가 내용2 : 이 소스, 제가 만들진 않았습니다. 예전에 홈페이지를 만들다가 구한 것인데요. 그 소스 안에는 '라이코스', '알타비스타', '한미르' 등이 있더군요..--;; 그래서 제가 조금 손 보고 확인한 내용을 올리는 것입니다. 원 저작자는 저도 모릅니다.
Summary · 摘要 · 要約
- The author explains how to build a lightweight search start page without ads using HTML and JavaScript.
- The supplied form lets users select a search engine and enter a query.
- Users can save the code as allsearch.html and set that local file as their browser homepage.
- Sending results to another frame could make switching engines and comparing searches easier.
- 作者介绍用HTML和JavaScript制作无广告的轻量级搜索起始页。
- 提供的表单可让用户选择搜索引擎并输入关键词。
- 用户可将代码保存为allsearch.html,再将本地文件设为浏览器主页。
- 若将结果显示在另一框架中,就能更方便地切换搜索引擎并比较结果。
- 著者はHTMLとJavaScriptで、広告のない軽量な検索用スタートページを作る方法を紹介する。
- 掲載されたフォームでは、検索エンジンを選んでキーワードを入力できる。
- コードをallsearch.htmlとして保存し、そのファイルをブラウザーのホームページに設定する。
- 検索結果を別のフレームに表示すれば、エンジンを切り替えながら結果を比較しやすくなるという。






