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

Поиск по сайту от Yandex, 5.0 из 5 основанный на 3 голосах.

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

Обратите внимание, под меню появилась демонстрационная форма поиска от Яндекс. Вы можете посмотреть, как выглядит и работает поиск.

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

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



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

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

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

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

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


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

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

Яндекс.Все сервисы Яндекс.Все сервисы Яндекс.Установить поиск Яндекс.Установить поиск Яндекс.Поиск для сайта Яндекс.Поиск для сайта

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

1 Название поиска.
2 Область поиска (сайты, на которых будет осуществляться поиск).
Яндекс.Параметры будущей системы поиска Яндекс.Параметры будущей системы поиска
3 Определите вид формы поиска. Вероятнее всего вам необходима форма без фона и с кнопкой в виде картинки.
Яндекс.Дизайн формы поиска Яндекс.Дизайн формы поиска
4 Укажите страницу вашего сайта для выдачи результатов поиска. Это та самая страница, на которой вы поместили код вызова плагина и должны были запомнить.
Яндекс.Результаты поиска Яндекс.Результаты поиска
5 Определитесь, нужны ли вам поисковые подсказки.
Яндекс.Поисковые подсказки Яндекс.Поисковые подсказки
6 Получаем код для вставки на сайт и запоминаем его.
Яндекс.Код для вставки на сайт Яндекс.Код для вставки на сайт

Модуль поиска 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

Модуль mod_yasearch.zip Плагин plg_yasearch.zip

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


Если эта статья показалась вам полезной, пожалуйста, проголосуйте за нее. Это поможет другим быстрее найти эту статью из множества других менее полезных.
( 3 Голосов ) 

Комментарии   

 
# Александр 20.10.2012 18:10
Здравствуйте а версии для joomla 1.5 нет? очень нужно
Ответить | Ответить с цитатой | Цитировать
 
 
# Дмитрий 04.12.2012 15:50
Пытаюсь настроить плагин. Все почни получилось, кроме следующего:
Вы пишете:
"Создайте материал, в котором поместите код вызова плагина {yasearсh /}."
Материал я создал, но если открыть страницу этого материала (у вас она e-kzn.ru/joomla/poisk/demo-poisk-ot-yandex.html, то там просто в тексте написано "{yasearсh /}".

Вопрос - как сделать так, чтобы это понималось CMS-кой как код вызова плагина, а не обычный текст?
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 05.12.2012 10:01
Включить плагин, как показано на рисунке в разделе
"Плагин результатов поиска YaSearch"
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 05.12.2012 10:08
Кстати, у вас yasearCh C-случаем не русская буква? В моем тексте преднамеренно введена ошибка для того, чтобы плагин не отработал, а смотрелся код вызова как обычный текст.
Ответить | Ответить с цитатой | Цитировать
 
 
# Дмитрий 05.12.2012 11:56
Да, буква была русская видимо. Спасибо за помощь, все отлично работает!
Ответить | Ответить с цитатой | Цитировать
 
 
# Happy46 11.01.2013 18:18
Добрый вечер, спасибо за статью. У меня такой вопрос, при установке поиска -все получилось, но как вы придали форме поиска свой внешний вид? у меня отображается не очень красиво сайт 1happy-blog.ru, как изменить?
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 11.01.2013 21:30
Очень просто. Сразу за скриптом Яндекса вставил кусок стилизации, он опубликован в разделе "Стилизация формы поиска". Далее, у вас на форме кнопка, а у меня картинка. Посмотрите внимательно картинку "3 Определите вид формы поиска. Вероятнее всего вам необходима форма без фона и с кнопкой в виде картинки." У вас выбрана левая форма, а у меня правая (выделение желтым прямоугольником).
Ответить | Ответить с цитатой | Цитировать
 
 
# Happy46 11.01.2013 21:47
Спасибо, буду разбираться
Ответить | Ответить с цитатой | Цитировать
 
 
# дмитрий 04.02.2013 17:46
Добрый День.Все установил как вы показали и поиск появился но при вводе поисковой фразы появляется окно и пишет:404 Возникла ошибка сomponent not found
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 04.02.2013 21:41
Никаких компонентов не задействуется, кроме com_content.
Адрес сайта напишите, посмотрю что творится.
Ответить | Ответить с цитатой | Цитировать
 
 
# дмитрий 05.03.2013 18:57
404 - Материал не найден а все установил верно на autohause.com.ua.В чем может быть проблема? Может из за того что сайту всего 1 неделя и он не прописан в поисковых системах?
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 07.03.2013 20:39
Да, поиск ведется среди проиндексированных страниц. Пока у вас в индексе только морда. Еще попутно прочтите _http://help.yandex.ru/site/optimizing.xml
Ответить | Ответить с цитатой | Цитировать
 
 
# Николай 07.01.2014 14:29
Здравствуйте! Есть проблема я Yandex поиском. Смысл в том что когда при вводе поискового запроса выпадает список с различными вариантами этого самого запроса. Данный список у меня сайте наезжает на меню навигации по сайту и получается так что меню скажем так на более высоком приоритете чем список поиска, И когда я пытаюсь что то выбрать из списка поиска, то он не работает и идет выбор в меню навигации! Может подскажете как с этой проблемой справится? Я вам выставлю не активную ссылку сайта что бы сами посмотрели =sipdomik=ru. Заранее спасибо. PS Может еще подскажете как можно уменьшить поисковое поле через Css, а то я его сжал непосредственно в HTML коде.
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 07.01.2014 18:18
Вы выкинули ссылку на сайт разработчика, т.е. мой. Но при этом вы не закрыли от индексации страницу с результатами поиска, что было бы более логично.
Если вы так лихо управились со ссылкой, управьтесь и с этим недугом.
Ответить | Ответить с цитатой | Цитировать
 
 
# Дмитрий 09.01.2014 13:50
У вас какие-то (не понятно правда какие именно) правила перекрывают слой с подсказками, где-то прописан оооочень большой z-index.
Чтобы не искать, где именно это есть, можно просто для формы поиска дописать CSS:
#ya-site-form0 .ya-site-suggest-list {z-index: 99999;}
Ответить | Ответить с цитатой | Цитировать
 
 
# Дмитрий 09.01.2014 13:51
Ну а ваше решение с шириной поля мне лично кажется вполне нормальным, ничего больше не нужно изобретать.
Ответить | Ответить с цитатой | Цитировать
 
 
# Глеб 03.03.2014 13:49
Делал все по инструкции. Результаты поиска не показываются на странице. В чем может быть причина?

Модуль mod_yasearch.zip Плагин plg_yasearch.zip установил. Коды от яндекс.поиск добавил. Материал создал.

Сайт Plotov.ru

Страница поиска plotov.ru/index.php/component/content/article/96-poisk-na-sajte-plotov/111-yasearsh

Код формы поиска


.ya-page_js_yes .ya-site-form_inited_no { display: none; }(function(w,d,c){var s=d.createElement('script'),h=d.getElementsByTagName('script')[0],e=d.documentElement;if((' '+e.className+' ').indexOf(' ya-page_js_yes ')===-1){e.className+=' ya-page_js_yes';}s.type='text/javascript';s.async=true;s.charset='utf-8';s.src=(d.location.protocol==='https:'?'https:':'http:')+'//site.yandex.net/v2.0/js/all.js';h.parentNode.insertBefore(s,h);(w[c]||(w[c]=[])).push(function(){Ya.Site.Form.init()})})(window,document,'yandex_site_callbacks');

Код результатов поиска
(function(w,d,c){var s=d.createElement('script'),h=d.getElementsByTagName('script')[0];s.type='text/javascript';s.async=t rue;s.charset='utf-8';s.src=(d.location.protocol==='https:'?'https:':'http:')+'//site.yandex.net/v2. 0/js/all.js';h.parentNode.insertBefore(s,h);(w[c]||(w[c]=[])).push(function(){Ya.Site.Results.init() ;})})(window,document,'yandex_site_callbacks');
Ответить | Ответить с цитатой | Цитировать
 
 
# Ковенко В.Б. 21.03.2014 19:22
Пробую поиск "фирма" - результаты вижу. Или у вас сайт не был проиндексирован, или вы сами поняли в чем была загвоздка.
Ответить | Ответить с цитатой | Цитировать
 

Добавить комментарий

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


Защитный код
Обновить