Как добавить пользовательский поиск Google в мое настроенное окно поиска?

Так что я хочу сохранить стиль своего собственного окна Google, но я хочу направить его в Google Поиск на моей странице.Как добавить пользовательский поиск Google в мое настроенное окно поиска?

код выглядит примерно так:

<......> 
</ul> 
<form action="" method="post" id="FORM_10"> 
    <div id="DIV_11"> 
    <link href="css/search.css" rel="stylesheet" type="text/css" id="LINK_12"> 

    <div id="DIV_14"> 
     <div id="DIV_15"> 
      <div id="DIV_16"> 
      <div id="DIV_17"> 
       <div id="DIV_18"> 
       <div id="DIV_19"> 
        <div id="DIV_20"> 
        <div id="DIV_21"> 
         <input value="sdasdsad" id="INPUT_22" name="keys" size="60" maxlength="255" type="text"> 
        </div> 

        </div> 
        <input id="INPUT_44" name="op" value="search" type="submit"> 
       </div> 
       </div> 
      </div> 
      </div> 
     </div> 
     </div> 
    </div> 
    </form> <a href="#" id="A_45" title="english">en</a> <a href="#" id="A_46" title="contacts">contacts</a> 
    </div>

, и я хотел бы, чтобы каким-то образом добавить функциональность, если gcse:search присутствует в моем коде, но я хочу остаться с моей собственной стилизованной поле поиска, но когда пользователи вставляют свою строку в поле поиска, он получает всплывающее окно с результатами поиска Google на указанном сайте.

Худший сценарий случая. Я хотел бы узнать, как правильно настроить окно поиска Google.

источник

2016-07-30 Mkey

Я использую параметр «только результаты» CSE и передаю строку запроса из наших полей поиска на сайте. –

Google поддерживает «пользовательские» поисковые системы, которые вы можете зарегистрировать here, что позволяет вам указать домены (и путь), которые вы хотите включить в поиске (эквивалент параметра site: в поиске):

Теперь, для этого примера, я сделал поиск для https://developer.mozilla.org, так как их поиск в insite не так хорош, как google. Я назвал его MDN, и нажал создать (после согласования с условиями службы):

Отсюда мы получим исходный код для использования с помощью кнопки Get Code, который даст нам HTML фрагмент вставить. Шахта выглядела следующим образом:

<script> 
    (function() { 
    var cx = '005381150112327209486:iwm6p6iff_4'; 
    var gcse = document.createElement('script'); 
    gcse.type = 'text/javascript'; 
    gcse.async = true; 
    gcse.src = 'https://cse.google.com/cse.js?cx=' + cx; 
    var s = document.getElementsByTagName('script')[0]; 
    s.parentNode.insertBefore(gcse, s); 
    })(); 
</script> 
<gcse:search></gcse:search>

Вставьте скрипт в ваш <head> и поместите <gcse:search> тег туда, где вход появиться. Читайте о том, как имитировать эти модели here

Надеюсь, это было полезно!

источник

2016-07-30 14:33:47 MayorMonty

В JavaScript после нажатия на кнопку поиска вы можете перенаправить на страницу результатов поиска Google по этой ссылке http://www.google.it/search?q= вы можете создать URL conatening поисковый запрос Например, если вы хотите найти в дом, вы можете переадресовать ти эта страница http://www.google.it/search?q=house

источник

2016-07-30 14:04:52 Computerlucaworld

Это нарушит политику безопасности самого одного браузера. См. [MDN] (https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy) – MayorMonty

Как добавить пользовательский поиск Google в мое настроенное окно поиска?

ответ

Смежные вопросы