2013-08-12 4 views
4

내 웹 사이트에 사용자가 검색을 입력 할 수있는 검색 창이있어서 Google 검색 엔진으로 이동합니다.웹 사이트의 Google 검색 창

잘 작동합니다.

제 질문은 Google 자동 권고가 어떻게 나오게 할 수 있습니까? 예를 들어 누군가가 Google.com의 일반 검색에 'BAS ...'을 입력하면 농구가 다른 추천과 함께 표시됩니다. 어떻게 내 사이트의 작은 검색 창에 추가 할 수 있습니까? 이 오류가 나타납니다 당신이 당신의 브라우저에서 자바 스크립트 콘솔을로드하면

http://jsfiddle.net/EeRgp/

<form method="get" action="https://www.google.com/search"> 

+1

https://developers.google.com/custom-search/v1/overview –

+0

맞춤 검색 서비스를 사용하는 경우이 작업을 수행 할 수 있습니다. https://support.google.com/customsearch/bin/answer.py?hl=ko&answer=2631081&topic=2662726&ctx=topic – Stuart

+0

이전과 비슷한 질문이있었습니다. http://stackoverflow.com/questions/6428502/google-search- autocomplete-api하지만 대답은 시대에 뒤 떨어진 것으로 보입니다. – Stuart

답변

5

:

$.ajax({ 
    url: "http://suggestqueries.google.com/complete/search", 
    dataType: "jsonp", 
    data: { 
     client: "chrome", 
     q: "Query" 
    } 
}).done(function(data){ 
    console.log(data); 
}); 

data가 자동 완성 데이터입니다 Fortuanly 그들은 깨끗한 대안을 제공합니다. http://jsfiddle.net/DerekL/MWvjx/

전체 작업 데모 : 당신도 미니 계산기로 사용할 수 있습니다처럼 http://jsfiddle.net/DerekL/8FTCG/


enter image description here

보인다. :)


이 API는 단순히 텍스트 이상의 정보를 반환합니다. 또한 모든 항목의 유형, 제목 (링크 인 경우) 및 관련성 색인도 포함됩니다.


추 신 : jQuery에 익숙하지 않은 경우 죄송합니다. 그러나 XHR과 AJAX에 있어서는 jQuery가 필수적입니다. 생명의 은인과 같습니다!

+0

업데이트 된 JS Fiddle 작품이 멋지게 작동합니다. 우리는 어떻게 sugguestions의 여분의 부분을 벗을 수 있습니다 .. G를 입력하면 Google (검색어) – Akash

+1

@ user2626744 - "여분의 부품"이란 무엇입니까? 다음과 같은 것을 의미합니까? http://jsfiddle.net/DerekL/eHwwv/ –

+0

YESSSS ... 감사합니다 !! – Akash

0

: 한마디로

Load denied by X-Frame-Options: https://www.google.com/search?q=Google does not permit cross-origin framing. 

를, 구글이 방지되어 사용 형태는에 엔진의 이 방법. 구글은 자동 완성 JSONP의 API "를 제공"Custom Search Engine

관련 문제