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

Почему поиск от Google, а не стандартный?

Большинство популярных бесплатных систем управления (CMS) имеют встроенную систему поиска, но они настолько примитивны, что в большинстве случаев в результатах выдачи, могут не появляться соответствующие посты либо, же быть последними в списке выдачи, куда пользователь заглядывает крайне редко. Стандартный поиск обладает большим рядом недостатков, выделим наиболее важные:

• сортирует материалы по дате добавления;
• не учитывает морфологические запросы;
• не учитываются запросы с 3-5 слов;
• упущена  возможность искать изображения.

Что же предлагает поисковая система Google? Несколько лет назад специалисты google разработали сервис, который позволяет устанавливать форму поиска гугл на собственные, автономные сайты. Данная форм будет выдавать корректные, релевантные результаты, не только товаров или постов, но и изображений, которые будут сортироваться не по дате добавления, а по релевантности, то есть, первыми в результате, будут, наиболее подходящий пост/товар/статья, при этом используется технология поисковой системы.

Да возможно использовать сторонние компоненты для движков, которые позволяют значительно расширить возможности стандартной поисковой машины, но в большинстве случаев, подобные компоненты или плагины не распространяются бесплатно, и при этом, значительно увеличивают нагрузку на сервер.

Устанавливаем поиск от Google на свой сайт

Есть два способа установки данного поиска, первый предполагает наличие аккаунта в Adsense, второй вариант будет удобен тем, кто не имеет выше указанного аккаунта и предполагает создание пользовательского поиска у себя на сайте, через специальный сервис, 

Мы будем рассматривать лишь первый вариант, а точнее, установку через систему Adsense, поскольку этот метод, несколько удобнее и благодаря нему, можно настроить результаты выдачи на собственном сайте, а не в стороннем окне.

Перейдем в свой аккаунт в Google Adsense (используется новый интерфейс), переходим на вкладку "Мои объявления", и слева в меню выбираем пункт: "Поиск", и нажимаем на: "Новая система пользовательского поиска".

Заполняем форму, которая приведена на странице, все интуитивно понятно, в поле "область поиска" отмечаем, "только выбранные мною сайты", и указываем необходимый ресурс или ресурсы, этот пункт отвечает за то, какие сайты будут участвовать в поиске.

Во вкладке: "Стиль окна поиска" выбираем второй вариант, в дальнейшем будем его редактировать, а на вкладке: "результаты поиска", необходимо выбрать: "на моем веб-сайте с использованием фреймов iFrame", что позволит выводить результаты на собственном веб-сайте. При этом необходимо, создать страницу для вывода результатов и указать ее  в строке: "URL вывода результатов поиска".

И наконец, нажимаем на кнопку: "Сохранить и получить код", после чего увидим два различных кода. Первый отвечает за внешний вид поисковой формы, которая будет присутствовать на всех страницах сайта, то есть, этот код необходимо добавить в сам шаблон или тему.

Ниже предоставленный измененный код, который используется на портале 3cms.org. Перед использованием данного кода, уберите комментарии (все, что находится за //)

<div class="cse-branding-bottom" style="background-color:#FFFFFF;color:#000000"> //цвет заднего фона формы
<div class="cse-branding-form">
 <form action="http://mysite.ru/stranca-dla-vivoda-rezultato-poiska.html" id="cse-search-box"> //не забудьте указать собственную страницу вывода результатов поиска
<div>
 <input type="hidden" name="cx" value="partner-pub-xxxxxxxxxxxxxx:xxxxxxxxxx" /> //укажите свой ID в AdSense
<input type="hidden" name="cof" value="FORID:10" /> //вывод рекламы AdSense вверху и справа
<input type="hidden" name="ie" value="UTF-8" /> //кодировка страницы
<input type="text" name="q" size="30" /> //ширина формы 30px
<input type="text" value="Название шаблона" onblur="if(this.value=='') this.value=' Название шаблона;" onfocus="if(this.value=='Название шаблона') this.value='';" name="q" size="23" /> //данный пункт позволяет добавлять собственный текст в форму
<input type="submit" name="sa" value="&#x041f;&#x043e;&#x0438;&#x0441;&#x043a;" />
 </div>
 </form>
 </div>
</div

Вторая часть кода, отвечает за вывод результатов поиска и данный код, необходимо установить на отдельную страницу на которой будут показываться результаты поисковой выдачи, и данная страница была предварительно создана и указана в пункте "URL вывода результатов поиска".

<div id="cse-search-results"></div>
<script type="text/javascript">
 var googleSearchIframeName = "cse-search-results";
 var googleSearchFormName = "cse-search-box";
 var googleSearchFrameWidth = 800;  //ширина в px для вывода результатов
var googleSearchDomain = "www.google.ru";
 var googleSearchPath = "/cse";
</script>

<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>

На этом установку поиска можно считать оконченной