Встраиваем поиск Google в свой блог на WordPress
Добавил поиск с помощью Google на свой сайт и в форум. Расскажу как это можно сделать.
Первым делом нужно иметь аккаунт в Google. Скорее всего с этим проблем у вас нет, поэтому входим в Google Custom Search Engine и нажимает кнопку «Create a Custom Search Engine».
C помощью несложного мастера в два этапа вводим нужные данные и создаем свой кустом-поиск. После этого вы увидите ссылку на контрольную панель (control panel), с помощью которой можно будет подстроить поиск.
В закладке «Basic» можно уточнить общую информацию, выбрать язык, а также как выполнять поиск.
В закладке «Sites» вы можете указать сайты по которым нужно проводить поиск.
В закладке «Look and feel» вы можете настроить цвета вывода результатов поиска. Учтите только, что возможности восстановить начальные цвета нет.
Последняя закладка, которая нас интересует - «Code». Здесь нужно решить как вы хотите получить результат поиска.
Существует несколько вариантов:
- результат можно получить на обычной странице Google
- результат можно получить на странице своего блога в виде iframe
Существует еще какой-то «overlay», но я так и не понял как его использовать.
Рассмотрим вариант, когда результат выводится через Google.
Ваша задача отметить опцию «On a Google-hosted page», скопировать и разместить указанный код на страницах своего блога. Для этого отлично подходит плагин «Ушки».
В коде вы можете подправить надпись на кнопке и размер текстового поля.
Для того, чтобы выводить результаты на своем сайте, нужно сделать постоянную страницу. Я например сделал для неё короткую ссылку «gugl-search». Этот адрес указываем в поле «Specify search results details».
Вы получите код для поисковой формы и для страницы результатов.
Не указывайте слово «google» в линках своих страниц. Теперь гуглу это не нравится: http://forum.searchengines.ru/showthread.php?t=178270 (Спасибо, vommbat!)
Код формы «Search box code» вы можете разместить например в сайдбаре с помощью ушки. Или же в сайдбаре разместить только ссылку на страницу поиска, как это сделал я. Только не забудьте переключиться на вкладку «Код» в текстовом редакторе.
Код получения результата следует скопировать на созданную постоянную страницу. Обратите внимание на строчку:
var googleSearchFrameWidth = 600;
Здесь задается ширина фрейма. Вам нужно будет подстроить этот параметр под свой блог.
Еще один переключатель «Specify where you want the advertising to be placed» я выставил в «Top and Bottom», потому что все остальные варианты у меня приводили к «разваливанию» блога. Попробуйте, может быть у вас лучше получится.
И еще один совет. Вначале настройте сам поиск, а уже после беритесь за оформление. Изменения сразу вступают в силу, достаточно просто обновить страницу с результатами поиска.
Да и еще один момент - в IE поиск может глючить.
Постоянная ссылка: http://maxsite.org/?p=297
Версия для печати
RSS: Встраиваем поиск Google в свой блог на WordPress
