Всем привет.

Сегодня я хочу продолжить тему поиска на блоге с помощью сторонних сервисов. Мы уже рассмотрели, как встроить поиск на сайт от Гугл (если вы пропустили — можете ознакомиться здесь — « Как встроить поиск от Google на свой блог. Часть 1, часть 2 и часть 3».

А сегодня мы поговорим о том, как скачать Яндекс поиск и как установить его на свой сайт (блог).

Как вставить поиск от Яндекса

Зачем нужен Поиск на блоге



Всем пользователем сайтов или блогов рано или поздно приходит мысль о том, как бы усовершенствовать свой ресурс, сделать его более практичным и привлекательным для пользователей. Ведь какой интерес содержать сайт, который никто не посещает? К сожалению, данная проблема может возникнуть как раз в связи с неудобством пользования. Может где-то навигация по страницам не самая удобная или расцветка блога чересчур пестрая, что действует отталкивающе для пользователей.

А ведь кому-то может и не нравиться система поиска на сайте.

Вот для того, чтобы исключить подобные моменты, эту тему мы сегодня и рассмотрим.

Как-то пощасливилось наткнуться на каком-то сервисе на поиск по сайту при помощи средств Yandex. То есть, производится поиск благодаря средствам Yandex исключительно по сайту, зацепляя в том числе различные метки, теги, рубрики, разделы и прочее. Попадались на глаза поиски при помощи Google, однако сколько людей, столько и предпочтений. Как некоторые принципиально пользуются браузерами Explorer или Mozilla FireFox, так есть те, кто предпочитает Yandex старым-добрым Google и Rambler.

У WordPress, заранее стоит отметить, есть свой достаточно хороший поиск. Но минус состоит в том, что поиск WordPress-а ищет не совсем то, что нужно, и не по тем ключевым параметрам, словам, которые задаются изначально, в отличии от поиска Yandex.

Как скачать Яндекс поиск



Если вы решили таки добавить на свой сайт или блог поисковую строку Yandex, то для этого, в первую очередь, необходимо получить его код:

— вот адрес, чтобы скачать яндекс поиск —  http://site.yandex.ru/. В случае, если у вас нету своего аккаунта в Yandex, нужно, ясное дело, его создать. Потом нажимаем «Установить поиск»:

Как вставить поиск от Яндекса

У нас выплывет окно, где заполняются все поля, затем в области поиска вписывается URL сайта или блога, на который вы хотите добавить поисковую строку:

Как вставить поиск от Яндекса

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

Как вставить поиск от Яндекса

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

— настройте индексирование для своего поисковика. К примеру, есть возможность повысить «важность» некоторых страниц. Их можно указать для Yandex, но количество не должно превышать больше ста страниц;

— и, в конце концов, Вы получите приблизительно вот такой HTML-код поиска:

<div onclick="return"><form action="http://yandex.ru/sitesearch" method="get"><input name="searchid" type="hidden" value="1183661?/" /><input name="text/" /><input type="submit" value="Поиск/" /></form></div>

<script src="http://site.yandex.net/load/form/1/form.js" type="text/javascript"></script>

Настройка кода поиска Яндекса



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

<form action= «http://yandex.ru/sitesearch» method="get"><input type="hidden" name="searchid" value="1183661?"/><input name="text"/><input type="submit" value="Найти"/></form>

Итак, дальше нам следует на нашем сайте на страницах шаблона найти код поиска от WordPress. Он может находится в файле под названием HEADER.PHP. В случае, если поиск вы уже используете, как плагин, то необходимый код будет находится в файле SEARCH.PHP. Его вид приблизительно такой:

<form method="get" action="<?php bloginfo (‘url’); ?>/" id="search"><input type="text" value="поиск по блогу" onblur="if (this.value=='') this.value=’поиск по блогу’;" onfocus="if (this.value=='поиск по блогу') this.value=";" name="s" class="search" /> <input type="submit" value="« /></form>

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

— в первую очередь меняем:

action=»<?php bloginfo (‘url’); ?>/"

в первой строчке второго кода на:

action="http://yandex.ru/sitesearch"

После этого у нас получится:

<form action="//yandex.ru/sitesearch" method="get">
<form action="http://yandex.ru/sitesearch" method="get" id="search">

Потом после этой же строчки вставляется строка из поиска Yandex:

<input type="hidden" name="searchid" value="1183661?/>

в строчке:

<input type="text" value="поиск по блогу" onblur="if (this.value==") this.value=’поиск по блогу’;" onfocus="if (this.value==’поиск по блогу’) this.value=";" name="s" />

— Там же меняется на:

input name="text"

Оттуда убирается:

name="s"

Получиться должно что-то вроде:

<input name="text" value="поиск по блогу" onblur="if (this.value==") this.value=’поиск по блогу’;" onfocus="if (this.value==’поиск по блогу’) this.value=";"/>

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

Вот и все, абсолютно ничего сложного. Код готов и находится в рабочем состоянии.

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

<form id="searchform" action="http://yandex.ru/sitesearch" method="get" target="_blank">
<input type="hidden" name="searchid" value="1803358"/>
<input name="text" value="Впечатай запрос и жми enter" onfocus="if (this.value=='Впечатай запрос и жми enter') {this.value='';}" onblur="if (this.value=='') {this.value='Впечатай запрос и жми enter';}"/>
</form>

Если же возникли какие-то трудности, то попробуйте сравнить все три кода поисков (Yandex-a, WordPress-a ипоказанный код в качестве примера) и сообразите, что вы сделали неправильно. Или же, в крайнем случае, можете им воспользоваться в качестве шаблона.

Кроме того, код, который предоставляет Яндекс, можно встроить в виджет своего блога — это просто  и не требует знания или «внедрения» в структуру сайта.

Теперь вы имеете представление, как скачать Яндекс поиск и как его установить на свой сайт.

В следующих выпусках вы получите еще больше ценной и полезной информации!

А на сегодня у меня все.

Желаю удачи!