Онлайн заработок, создание и монетизация сайтов, веб-разработка, SEO и SMO продвижение, фриланс, партнерки, полезные сервисы вебмастерам, блоггинг.

Главная » Web разработка » Поиск по сайту, установка Google Custom Search

Поиск по сайту, установка Google Custom Search

Поиск по сайту, установка Google SearchНа каждом более-менее серьезном сайте с достаточно большим количеством информации неотъемлемым атрибутом есть поиск. Элемент используется для поиска на ресурсе необходимой пользователю информации. Есть несколько видов поиска, которые можно различить по механизму реализации и назначению. Первое понятие больше знакомо для людей, занимающихся технической стороной вопроса, второе для рядовых посетителей Интернет страниц.

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

Что касается реализации, то простой поиск может использовать оператор MYSQL LIKE либо реализовываться с помощью функций того или иного языка программирования. Есть еще так называемый индексированный поиск, который включает не только нахождение нужного слова или словосочетания, а еще производит индексацию всей информации на сайте дабы увеличить скорость обработки запроса и выдачи результата. Используется, как правило, на сайтах с очень большим количеством информации. Кстати, точно также как и Google индексирует все страницы, а потом использует эти данные при поиске. Хотя у Google все построено намного сложнее.

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

Во многих системах управления контентом механизм поиска по сайту предусмотрен по умолчанию в базовой версии либо через установку дополнительных модулей и плагинов. Но что делать, если вы не используете какую-либо CMS, но хотите добавить поиск по сайту. В этом случае вам поможет Google Search. Есть 2 пути установить этот сервис. Рассмотрим их оба.

Первым в поисковике я нашел Custom Search Engine. Что удивительно найти его второй раз (когда непосредственно занимался написанием заметки) оказалось немного сложнее – пришлось потратить около 5-10ти минут:) Стартовую страницу для этого сервиса можно найти здесь. Для продолжения работы вам придется войти под логином и паролем вашей учетной записи. Как говорится в описании, данный поиск предоставляет такие возможности как:

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

Чтобы создать блок поиска жмем кнопку «Create a Custom Search Engine», после чего попадаем на страницу с первым шагом по созданию. Здесь задаются некоторые параметры вашего будущего блока поиска – наименование, описание, по каким сайтам искать и показывать ли рекламу от Google при выведении результатов. Как только мы ввели все необходимые данные, отмечаем галочку «I have read and agree to the Terms of Service» (соглашаемся с условиями) и жмем Next. На втором шаге нам предлагают потестировать только что созданный поиск и нажать кнопку Finish для завершения процесса.

После этого мы попадает в панель управления персональными блоками поиска (Custom Search Engine), которые мы создали. Здесь в менюшке справа можно выбрать почитать о сервисе (Overview), создать еще один поисковый движок (New search engine), посмотреть созданные вами движки (My search engines), отредактировать профайл (My profile), заценить существующие варианты решения для поиска (Featured examples), посмотреть документацию (Documentation) или блог (Blog), заметки от службы поддержки (Support) и т.д.

В центре же можно увидеть перечень ваших поисков с некоторыми функциями по каждому из них. Это:
homepage – типа стартовая страница, где можно увидеть ваш поиск и некоторую инфу с вашего профайла.
statistics – статистика (у меня не работала).
delete – удаление поиска.
control panel – содержит еще одно подменю по управлению поиском. Во всем я не разбирался, выделю лишь пункты Look and feel, где можно выбирать внешний вид поиска, Code – здесь получаем код блока, Basics – все настройки, что мы когда-то делали на шаге1 при создании.

Кстати, данный сервис доступен и в Бизнес-варианте за скромные 100 долларов в месяц. Правда, никаких особых преимуществ я там не увидел.

Что хочется сказать в итоге. Мое знакомство с данным сервисом оказалось достаточно поверхностным, поскольку нужного мне решения я так здесь и не нашел. Возможно, просто требовалось немного больше поискать и разобраться, но, увы, время поджимало и пришлось воспользоваться вариантом2, который я нашел на 3-4х других сайтах.

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

<!– SiteSearch Google –>
<form method="get" action="http://www.google.com/custom" target="google_window">
<div class="gogle"><img src="fileadmin/templates/images/gogle.gif" alt="" border="0" height="26" width="72">
<input name="domains" value="<strong>www.yoursite.com</strong>" type="hidden">
<input name="q" size="20" maxlength="255" value="" class="inp" type="text">
<input name="sa" class="button" value="" type="submit">
<input name="sitesearch" value="<strong>www.yoursite.com</strong>" checked="checked" class="rd" type="radio"> По сайту
<input name="sitesearch" value="" class="rd2" type="radio"> В интеренете
<input name="forid" value="1" type="hidden">
<input name="ie" value="utf-8" type="hidden">
<input name="oe" value="utf-8" type="hidden">
<input name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1;" type="hidden">
<input name="hl" value="ru" type="hidden">
</div>
</form>
 
<!– SiteSearch Google –>

В этом коде нужно только заменить www.yoursite.com на адрес вашего сайта, а также проверить, чтобы кодировка соответствовала используемой вами на своем сайте. Кроме того, внимание! — в последнем input значение переменной value должно быть без пробелов. В примере выше оно было разбито на 2 строки, так как не помещалось в данный шаблон. Также советую внимательно просмотреть вставляемый на сайт код, т.к. только заметил, что при копировании его в блокнот двойные кавычки заменяются на неправильные символы — ”. Будьте внимательны.

Внимание! В коде также может быть строка:

<input name="client" value="pub-xxxxxxxxxxxxxxxx" type="hidden">

В ней содержится ID пользователя в Google Adsence. На одном сайте встретил информацию, что для получению кода поиска нужно быть зарегистрированным в Google AdSense. Поэтому если у вас нет такой учетной записи строку лучше удалить, т.к. деньги за рекламу из формы поиска будут уходить не вам. За подсказку спасибо John`у.

Внимание! Если есть что сказать по теме, пишите в комментарии, расширю описание.

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

P.P.S. С переносом на свой домен тоже возникли небольшие проблемы. Дело в том, что получилось добавить запись CNAME только для домена с www. Запись без этой приставки создаваться отказалась. Посмотрел уже у некоторых блоггеров, которые перенесли свои блоги от Blogger.com на отдельный домен – такая же проблема. Интересно они об этом знают:)
Читал на англоязычных ресурсах — многие пишут, что сталкивались с подобными проблемами. Конкретного решения так и не нашел. На одном блоге обнаружил интересный скрин, а в посте от 5го числа этого месяца под заголовком «Custom Domains — An Improvement?» (Собственный домен – улучшение?) рассказывается о каком-то новом параметре позволяющем сделать переадресацию с домена без www на домен с www. Может и наоборот доступно! К сожалению, в панели управления блогом я такого не нашел.
Хотя, скорее всего, некоторые блоггеры умудряются как-то организовать переадресацию и без этого параметра. Забугром пару таких ресурсов нашел, а вот в РУнете нет. Если у кого-то есть опыт подобной фишки – прошу поделиться в комментариях.

16.10.07

Категории: Web разработка.

Теги: , , , ,

42 Comments
  1. John

    — это ID товарища в Google Adsence. Ты наверно видел на сайтах объявления с пометкой «Реклама от Google». За каждый клик по такой рекламе зачисляется сколько-то центов денег этому товарищу. Т.е. если поставить себе такой поисковичек и не заменить ID на свой, то все деньги от рекламы, которая появится после нажатия по кнопке «Поиск», отправятся не себе любимому, а тому товарищу :)

  2. John

    В предыдущем комменте вырезалось то что было в угловых скобках.
    Я имел ввиду вот этот ID — pub-9539222116482615,

  3. Tod

    Хм.. Спасибо за информацию. А есть какой-то «публичный» или общий код, чтобы без привязки к рекламе? без необходимости регистрироваться там

  4. John

    Просто удали эту строчку и всё :)
    (input name=”client” value=”pub-9539222116482615″ type=”hidden”)
    Я у себя попробовал что с ней, что без нее работает.

  5. Tod

    Спасибо, так и сделаю!
    Проверю завтра на одном сайте и обновлю текст в этом посте.

  6. elvira

    у меня не сработало. хотя и следовала каждой букве. поисковик получился, но ничего по сайту искать не хотел.

  7. Tod

    elvira, вышлите мне на почту или в аську код, который используете для поиска. Я посмотрю.

  8. neor

    можно просто установить параметр q и sitesearch — остальное не критично

  9. Дионис

    Я хотел поставить поисковик Google Search
    не смог его создать так как я указываю URL своего сайта потом во 2 шаге можно протестить
    я хочу найти некий материал но он его не находит ни 1-ин потом я его создал вставил код и оказывается что якобы страницу котору я указал не существует.Так сказать не проиндексировали чтоли
    как это исправить?

  10. Tod

    Дионис, признаться не совсем понял в чем проблема. Поиск по идее должен работать на любом сайте — проиндексированном и нет.

  11. Sergey

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

  12. Tod

    Sergey, тут есть несколько моментов, которые я бы в первую очередь глянул. Сам не сталкивался с такой проблемой, но теоретически что могу подсказать. Я так понимаю поиск так или иначе связан с AdSense. Если ты не устанавливал его из рекламной системы — там блок под названием «AdSense для поиска», то видимо, гугл выводит обычную рекламу. Поэтому я бы посоветовал поставить туда свой AdSense чтобы иметь некоторые возможности влияния, а именно в меню настройки «Фильтр конкурирующих объявлений» — где указываешь эти фирмы и их реклама не будет выводиться.

  13. Мистер Финляндия

    Статья отличная. Только я все-же сторонник собственного поиска, а не заимствованного (пусть даже у гугла). Но, если выбирать «или гугл или ничего», то тут, действительно, гугл «покатит», причем на «ура»

  14. ZeroXor

    А мне кажется, что идея эта — просто отличная. Зачем городить километры собственных скриптов, когда можно беспроблемно и, надеюсь, законно воспользоваться трудами программистов Google.

  15. Дмитрий

    Здравствуйте.
    Прежде уже устанавливал форму поиска от гугл по первому способу. Тогда поиск так и не заработал.
    Сейчас возобновил работу над сайтом, заново установил поиск (зарегистрировал новый). Теперь он работает, при запросе с сайта находит необходимую информацию, однако при попытке перехода по результатам поиска я перехожу на страницы с прежним расширением *.htm, в то время как я сменил его на *.shtml (упростил сайт с помощью SSI). В самом html-коде все ссылки обновлены на расширение *.shtml. В результате браузер не находит эти страницы. Как такое возможно?

  16. Игорь

    Сегодня установил данную форму на сайт. Всё работает в лучшем виде! Спасибо автору!))

  17. Ирина

    Я нашла слегка другую форму для встраивания. Скажите, правомерно ли использовать ту или иную форму? Ведь существует платный сервис поиска по сайту, а это получается — бесплатный…

  18. Tod

    Ирина, к сожалению, код формы не сохранился. Форму поиска от Google использовать правомерно, так как она бесплатная. Платный сервис, насколько я понимаю, это немного другое, точно также как и платный gmail для компаний.

  19. Ирина

    Ну не важно, какая форма, суть в том, что там текстовое поле и кнопка «Найти». А поиск аналогичен вашей форме, просто упрощенный. http://slava.khersoncity.com/pub/google-form.php

  20. Tod

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

  21. Director

    Не знаю зачем столько кода. Я оставил только то бес чего не обойтись

    И это все при полной интеграции в мой дизайн. Я не упоминаю что это поиск с помощью гугла, кому это нужно? дня через 3 заходите на сайт, а то сейчас старый дизайн на нем.

    2 клика по Яндекс Директ выполнил, как ты и требуешь.

  22. Director

    Твой робот вырезал HTML!!!!!!!!!!
    form method=»get» action=»http://www.google.ru/custom» target=»google_window»
    input name=»domains» value=»www.apokalipsis-2012.ru» type=»hidden»
    input class=»inputtext» name=»q» type=»text» /
    input name=»sitesearch» value=»www.apokalipsis-2012.ru» checked=»checked» type=»hidden»
    input class=»inputb» type=»submit» value=»» /
    /form

  23. Гриша

    Вот статья о том как установить поиск, но только с ajax и подсказками: http://www.clearboth.ru/article/ajax-and-google-integrated-search.html

  24. Олег

    парит то, что вод поиском огроменная запись вроде «»сделано от гугл»»

  25. Tod

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

  26. Дэн

    Никак не пойму как сделать вывод результатов поиска гугла на страницу на своем сайте в Joomla. Это наверное так просто, что никто об этом не пишет, а я бьюсь уже который день и никак не получается. Вставляю код для вывода результатов при помощи тега iframe в созданную пустую страницу в джумле, прописал ее адрес (как просит гугл), а результаты поиска не появляются — просто выбрасывает на главную и все. Может кто знает как с этой бедой справиться?

  27. Tod

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

  28. Ирина

    Дэн, интересный вопрос. У меня тоже джумла, но я никогда не думала, чтобы сделать результаты гугла прям на сайте. Так делают? Для чего? Опять же Гугл и контекстную рекламу туда засунет ведь, и все это получается на странице сайта будет?

  29. Дэн

    Ирина, отображение рекламы можно отключить если нет коммерческих целей. А вот отображение поиска прямо на сайте удобнее. Меня, например, как пользователя дико бесит, когда на мой поисковый запрос на сайте меня выкидывает на какую-то левую (пусть даже гугловскую) страницу и чтобы попасть обратно на сайт мне нужно давить кнопку обратно или тыкать по предложенным результатам поиска. Я как пользователь, может уже забуду на каком сайте был (учитывая, что у меня может быть открыто еще 15 вкладок). Ну неудобно как ни крути. А Гугл внятно ничего не объясняет в своих справочных материалах — наверное хочет чтобы было как есть, а не как лучше.
    Пока еще решение не нашел (я не программер, поэтому дольше разбираюсь). Подумываю может сделать живой поиск с использованием Google ajax search API.

  30. Ирина

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

  31. Tod

    Ирина, Дэн, посмотрите более внимательно настройки пользовательского сайта, там есть несколько вариантов расположение формы — нужно выбрать «форму отдельно, результаты на страницы» и гугл укажет какой куда код нужно добавить. К сожалению, точно не помню где это там находится, но есть. Кстати, возможно пригодиться статья AdSense для поиска и настройка пользовательского поиска где рассказывается о том как можно заработать на этом — собственно для этих целей служит реклама, при кликах доход идет вам, хотя там того дохода очень мало)

  32. Дэн

    Tod, спасибо за наводку. Про эти настройки я знаю — у меня не получается именно в джумле все это применить. Найду способ — напишу статью, дам знать.

  33. SErega

    У меня на сайте чето поиском никто не пользуется. Да и я сам никогда не пользуюсь на других сайтах, разве что в гугле да яндексе:)

  34. Александр

    тоже поставил у себя поиск от гугла)
    единственное, не могу понять, можно ли убрать со страницы саму кнопку «Search»

  35. Tod

    Александр, посмотрите код формы — убрать можно, да и вообще можно поставить картинку, другой текст и т.п.

  36. Dimon

    есть ли поисковик который бы искал товар на определенных интернет магазинах и изменял результат(добавлял % к цене) чтоб впоследствии перепродавать имея тот самый % при этом ничего не продавая а просто перенаправлять деньги? я понимаю что в чистом виде того что мне нужно нету, вот я и хочу узнать куда обратиться и сколько ето будет стоить, примерно

  37. Tod

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

  38. рома

    Я скачал гогле хроме. Хотел работать с поисковиком Google но как всегда лезет без спросу Яндекс… КАК ИЗБАВИТЬСЯ ОТ ЯНДЕКСА??????????????????????????????

  39. Алексей

    Спасибо за инфу. Подумываю на своем блоге поиск внедрить. Только пока колеблюсь какой именно лучше — Яндекса или Гугла…))

  40. Tod

    Алексей, я ставил от Гугла потому что, как мне кажется, он лучше индексирует сайт и больше страниц выдает. Но можно, в принципе, и от яндекса. Некоторые по 2 сразу ставят.

  41. Salomon

    Сталкивались ли вы в лимитом в 100 запросов за день. И как его увеличить, ибо после 100 запроса?

  42. Tod

    Salomon, нет, не сталкивался, у меня нет проектов, генерирующих такое число запросов. Статье уже много лет, возможно, сейчас появился какой-то лимит. Что, конечно, не особо хорошо.

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

Ваш e-mail не публикуется. Обязательные поля помечены *
Если вы комментируете впервые, то текст будет отправлен на модерацию.