Как установить поиск google на сайт

Как установить поиск google на сайт, если вы совсем чайник? Это довольно просто и не требует специальных знаний, вам поможет инструкция ниже.
Недавно я захотел добавить на свой сайт стороннюю поисковую форму от Google или Яндекса, остановился все же на первом варианте, так как ее используют многие вебмастера и вдобавок систему пользовательского поиска (СПП) от Google Inc можно еще и монетизировать с помощью Adsense, ну и, в-третьих — это настройка дизайна самой формы и поисковой выдачи, у Гугла она пожалуй по-круче будет.
Где получить код поиска Google
Способ №1. Для того, чтобы получит код поиска Google для сайта, вы должны быть зарегистрированы в Гугле или проще говоря завести себе почту gmail.com. Создание системы пользовательского поиска происходит на сервисе Google CSE.
Переходи по ссылке и находим вот такую кнопку:

Рисунок 1. Кнопка создать систему пользовательского поиска
Кликаем по кнопке и приступаем к созданию СПП:
Здесь необходимо заполнить 3 поля:
- Сайты, на которых выполняется поиск — указать домен вашего сайта и его зеркала;
- Язык — выбираем Русский или который вам необходим — это язык интерфейса СПП;
- Название поисковой системы — ведите название поисковой системы.
После выполнения, выше указанных, настроек кликаем по кнопке Создать.
Откроется окно с поздравлением, здесь также три пункта меню:
- Получить код. Кликаем и получаем код, который необходимо установить на сайт:
Про его установку, на примере CMS WordPress, расскажу ниже.
- Общедоступный URL — ссылка на поиск по вашему сайту;
- Изменить поисковую систему. Тут доступно большое количество настроек. Из можно не трогать, кроме вкладки получения дохода, рекомендую СПП подключить к вашему аккаунту Adsense:
На этом все настройки рассмотрены, вернемся к установке кода, показанного на рисунке 4. Выделяем и копируем его. Как данный скрипт устанавливается на сайт, расскажу на примере WordPress.
Самым простым способом установки кода поиска Google на сайта являются виджеты, в Вордпрессе это можно сделать с помощью виджета Текст:
Виджет можно установить в сайтбар или другие доступные места вашего шаблона. Для ускорения загрузки рекомендую разделить код СПП на две части:
- Собственно скрипт:
1 2 3 | <script>// <![CDATA[ (function() { var cx = '013425070058515082628:fvalzy8_sam'; var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true; gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//www.google.com/cse/cse.js?cx=' + cx; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s); })(); // ]]></script> |
- И тег отвечающий за вывод формы на блоге:
1 |
Код вывода рекомендую оставить в виждете, а скрипт перенести туда, где он не будет мешать загрузке основного содержимого сайта, перед закрывающим тегом </body>. В Вордпрессе данный тег можно найти в файле footer.php.
Создание поиска Google в аккаунте Adsense
Способ 2. Помимо того, что поиск Google можно создать на сайте Google CSE, есть еще один быстрый способ, доступный для тех у кого имеется работающий аккаунт Adsense. Если вы зарегистрированы в Адсенсе, то сможете получить поисковую форму Google в несколько шагов, причем показ рекламы там будет настроен сразу.
Переходим в аккаунт Adsense, далее во вкладку Мои объявления и видим:
Выбираем Поиск и переходим на страницу управления СПП в Adsense:
Кликаем по кнопке Новая система пользовательского поиска и переходим на страницу создания СПП:
На рисунке 9 я указал основные настройки:
- Название;
- Область поиска — по какому сайту будет производиться поиск;
- Страна — указываем страны;
- Язык сайта — указываем язык вашего сайта;
- Кодировка — рекомендую UTF-8;
- Транслитерация — рекомендую выставлять английский;
- Популярные запросы —
При их заполнение нет ничего сложного. Остальные 4 пункта разберем подробнее:
- Клиентские каналы:
Здесь можно создан и добавить клиентские каналы, клиентские каналы созданы для более точной аналитики;
- Стиль окна поиска:
Здесь выбираем дизайн окна поиска, я советую оставить, как есть.
- Стиль объявлений:
Выбираем оформление для объявлений, которые будут отображаться в результатах поиска, советую их сделать максимально схожими с выдачей. Вот пример, как дизайн настроен по умолчанию:
Отличие только в фоне, которое не так существенно влияет на внимание пользователей.
- Результаты поиска:
Это очень важный параметр. На выбор дается 3 способа отображать результат поиска: в том же окне, в новом и на сайте с помощью фреймов. Рекомендую выбирать первый вариант.
После выполнения всех настроек, сохраняем их и получаем код, который необходимо установить на сайта. Как это делается я рассказал выше.
На этом все! Надеюсь на вопрос: Как установить поиск Google на сайт я ответил сполна.
Подскажите, пожалуйста, а можно ли изменять код поиска под свой блог. А именно — уменьшить ширину формы поиска, так как она вылезает за пределы сайдбара.
Да можно, найдите вот такую строку в коде:
size=»25″ — это количество символов для формы поиска. Вам необходимо его уменьшить!