интегрировать поиск в шапку / мастер-страницу сайта MVC asp.net

Question

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

как я могу это реализовать? Как мне кажется, фрагмент кода, предоставленный Google, предназначен для страницы результатов? также я могу интегрировать это в сайт, который все еще находится в разработке?

Answer 1

Реализуйте код на странице результатов в соответствии с рекомендациями Google. Затем на главной странице добавьте следующее

<form id="searchForm" method="get" action="/url-to-your-search-page/" >
  <input id="search" name="search" class="Search" type="text" />
  <input type="submit" value="search" />
</form>

Пользовательский код поиска Google на странице поиска позаботится обо всем остальном.

Обновление

Вы можете использовать следующий JavaScript в нижней части страницы результатов поиска, чтобы извлечь строку поискового запроса и выполнить поиск Google

<script type="text/javascript">
    google.load('search', '1');
    function OnLoad() {
        var s = window.location.search;
        if (s.indexOf('search=') >= 0) {
            s = s.substring(s.indexOf('search=') + 7);
            if (s.indexOf('&') >= 0) {
                s = s.substring(0, s.indexOf('&'));
            }
            s = decodeURIComponent(s.replace('+', ' '));
        }
        else {
            s = "";
        }
        var customSearchControl = new google.search.CustomSearchControl('your-custom-search-id');
        customSearchControl.draw('content');
        customSearchControl.execute(s);
    }
    google.setOnLoadCallback(OnLoad);
</script>

Не забудьте включить ссылку на скрипт в заголовок

<script src="http://www.google.com/jsapi"></script>

Answer 2

Я думаю, что выбор опции iframe при создании пользовательского поиска Google - это способ сделать это.он отделяет код в окно поиска и страницу результатов