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

Поиск по сайту от Google реализован модулем и плагином и предназначен для поиска по сайту Joomla средствами поисковой системы Google.

Если вам не нравится стандартный поиск CMS Joomla, или вы хотите иметь на сайте релевантный запросу поиск - обратите внимание на Google CSE (custom search engine) и описанные далее модуль и плагин. Модуль обеспечит вам показ формы ввода поискового запроса, а плагин покажет вам результаты поисковой выдачи. Плагин может дублировать функции модуля, при этом необходимость в последнем отпадает.

Это будет тот самый поиск, к которому привыкли пользователи, ежедневно использующие поисковую машину Google.

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

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

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

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

Для будущего поиска необходимо сгенерировать код для вставки на сайт. Зайдите под своим логином в Google и перейдите по ссылке http://www.google.ru/cse. Пройдите по ссылке создания новой системы поиска.

Заполните:

• Область поиска (сайты, на которых будет осуществляться поиск).
• Язык.

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

Здесь вы можете:

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

Внешний вид формы поиска

Определитесь, нужны ли вам поисковые подсказки.

Google AdSense в результатах поиска

Если у вас есть аккаунт Google AdSense, вы можете выводить платные объявления вместе с результатами поиска. Если вы еще им не обзавелись, можете зарегистрировать.

Если у вас нет такового, и ваша поисковая система создана для некоммерческой организации, учебного заведения или государственного учреждения, вы можете отключить рекламу. Для этого в меню слева выберите ссылку «Бизнес». Выберите Статус рекламы: Не показывать рекламные объявления на страницах результатов поиска.

Получите код поисковой системы

Для этого перейдите на вкладку «Внешний вид» и нажмите на кнопку «Сохранить и получить код». Укажите страницу вашего сайта для выдачи результатов поиска. Это та самая страница, на которой вы поместили код вызова плагина и должны были запомнить.

Сохраните код для вставки на сайт.

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

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

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

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

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

Скачать плагин можно в конце этой статьи.

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

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

<style type="text/css">
.cse .gsc-search-button input.gsc-search-button-v2, 
input.gsc-search-button-v2 {margin-top: 0px;}
div.gsc-control-searchbox-only {padding: 8px 5px 0px 5px;}
.gsc-input-box table td {padding-top: 0px;}
div._gosearch { overflow: visible; }
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus,
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
	border: 1px solid #ссс;
}
.cse input.gsc-search-button, input.gsc-search-button, .cse input.gsc-search-button:hover, input.gsc-search-button:hover {border: 1px solid #ccc;}
table#gs_id0 { height: 100%; }
div#gsc-iw-id1 { padding: 2px 2px 4px 2px; }
.gsc-input-box { height: 21px; }
</style>

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

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

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

• 1
• 2
• 3
• 4
• 5