Поиск по сайту от Yandex

Поиск по сайту от Яндекс предлагаемый вашему вниманию, включает в себя плагин и модуль поиска для сайта на CMS Joomla средствами поисковой системы Яндекс.

Его применение взамен стандартного модуля оправдано там, где применяются сторонние расширения для CMS Joomla, по которым поиск стандартными средствами просто не возможен. Поисковая машина Yandex поможет осуществить поиск по всему контенту. Результаты поисковой выдачи будут отсортированы по релевантности поисковому запросу. Посетители сайта останутся довольны качеством поиска.

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

• Поиск по сайту от Яндекс
• Страница результатов поиска Яндекс
• Код поисковой системы для вставки на сайт
• Параметры будущей системы поиска
• Модуль поиска YaSearch
• Плагин результатов поиска YaSearch
• Стилизация формы поиска
• Скачать модуль и плагин поиска по сайту YaSearch

Страница результатов поиска Яндекс

Изложение будет более понятно, если начать со страницы результатов поисковой выдачи. Создайте материал, в котором поместите код вызова плагина {yasearсh /}.

Запомните адрес полученной страницы. Он вам будет необходим на четвертом шаге задания параметров будущей системы поиска. У меня эта страница имеет адрес http://e-kzn.ru/joomla/poisk/demo-poisk-ot-yandex.html

Для организации поиска по сайту от Яндекс для Joomla 1.5 есть некоторые отличия.

Код поисковой системы для вставки на сайт

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

Параметры будущей системы поиска

Модуль поиска YaSearch

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

Плагин результатов поиска YaSearch

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

Если вы не хотите публиковать модуль, а хотите вводить поисковую фразу на странице выдачи (как это сделано и у самого Яндекса), в поле кода поисковой формы введите код поисковой формы.

Стилизация формы поиска

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

<style type="text/css">
.ya-page_js_yes .ya-site-form_inited_no { display: none; }
input.ya-site-form__input-text {height: 25px; line-height: 25px; outline: none; }
#ya-site-form0 .ya-site-form__input-text {padding: 2px 5px 2px 5px; border: 1px solid #CCC; }
#ya-site-form0, #ya-site-form0 .ya-site-form__form, #ya-site-form0 .ya-site-form__input, #ya-site-form0 .ya-site-form__input-text,
#ya-site-form0 .ya-site-form__submit, #ya-site-form0 .ya-site-form__search-precise { color: #333 !important; }
#ya-site-form1 .ya-site-form__input-text {padding: 2px 5px 2px 5px; border: 1px solid #CCC; }
#ya-site-form1, #ya-site-form1 .ya-site-form__form, #ya-site-form1 .ya-site-form__input, #ya-site-form1 .ya-site-form__input-text, #ya-site-form1 .ya-site-form__submit, #ya-site-form1 .ya-site-form__search-precise { color: #333 !important; }
div._search { overflow: visible; }
#ya-site-form0 .ya-site-form__submit_type_image, 
#ya-site-form1 .ya-site-form__submit_type_image {
	background: url(http://www.google.com/uds/css/v2/search_box_icon.png) no-repeat;
	background-color: #E5E5E5;
	border: 1px solid #ccc !important;
	width: 68px;
	height: 27px;
	background-position: 27px 7px;
}
#ya-site-form0 .ya-site-form__search td,
#ya-site-form0 .ya-site-form__search td,
#ya-site-form1 .ya-site-form__search td,
#ya-site-form1 .ya-site-form__search td {
	padding-right: 5px;
}
#ya-site-form0 .ya-site-form__input-text,
#ya-site-form1 .ya-site-form__input-text {
	height: 27px;
	line-height: 27px;
}
</style>

Может случиться так, что поисковые подсказки не будут выводиться полностью. Это связано с наличием атрибута overflow: hidden; у контейнера, в котором выводится модуль. Чтобы предотвратить это, введено правило div._yasearch { overflow: visible; }. Добавьте Суффикс CSS-класса модуля как показано на рисунке.

Скачать модуль и плагин поиска по сайту YaSearch

Если вам необходим более простой модуль поиска, вы можете изучить статью «Поиск по сайту от Google».

• 1
• 2
• 3
• 4
• 5