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

Как установить поиск google на сайт, если вы совсем чайник? Это довольно просто и не требует специальных знаний, вам поможет инструкция ниже.

Недавно я захотел добавить на свой сайт стороннюю поисковую форму от Google или Яндекса, остановился все же на первом варианте, так как ее используют многие вебмастера и вдобавок систему пользовательского поиска (СПП) от Google Inc можно еще и монетизировать с помощью Adsense, ну и, в-третьих — это настройка дизайна самой формы и поисковой выдачи, у Гугла она пожалуй по-круче будет.

Где получить код поиска Google

Способ №1. Для того, чтобы получит код поиска Google для сайта, вы должны быть зарегистрированы в Гугле или проще говоря завести себе почту gmail.com. Создание системы пользовательского поиска происходит на сервисе Google CSE.

Переходи по ссылке и находим вот такую кнопку:

Рисунок 1. Кнопка создать систему пользовательского поиска

Кликаем по кнопке и приступаем к созданию СПП:

Рисунок 2. Создание системы пользовательского поиска

Здесь необходимо заполнить 3 поля:

• Сайты, на которых выполняется поиск — указать домен вашего сайта и его зеркала;
• Язык — выбираем Русский или который вам необходим — это язык интерфейса СПП;
• Название поисковой системы — ведите название поисковой системы.

После выполнения, выше указанных, настроек кликаем по кнопке Создать.

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

Рисунок 3. Пользовательский поиск от Google создан

1. Получить код. Кликаем и получаем код, который необходимо установить на сайт:
   

   Рисунок 4. Код системы пользовательского поиска Google

   Про его установку, на примере CMS WordPress, расскажу ниже.

2. Общедоступный URL — ссылка на поиск по вашему сайту;
3. Изменить поисковую систему. Тут доступно большое количество настроек. Из можно не трогать, кроме вкладки получения дохода, рекомендую СПП подключить к вашему аккаунту Adsense:
   

   Рисунок 5. Подключение аккаунта Adsense к поиску Google

На этом все настройки рассмотрены, вернемся к установке кода, показанного на рисунке 4. Выделяем и копируем его. Как данный скрипт устанавливается на сайт, расскажу на примере WordPress.

Самым простым способом установки кода поиска Google на сайта являются виджеты, в Вордпрессе это можно сделать с помощью виджета Текст:

Рисунок 6. Виджет текст в WordPress

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

• Собственно скрипт:

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, далее во вкладку Мои объявления и видим:

Рисунок 7. Вкладка Мои объявления в Adsense

Выбираем Поиск и переходим на страницу управления СПП в Adsense:

Рисунок 8. Страница управления СПП

Кликаем по кнопке Новая система пользовательского поиска и переходим на страницу создания СПП:

Рисунок 9. Создание СПП

На рисунке 9 я указал основные настройки:

• Название;
• Область поиска — по какому сайту будет производиться поиск;
• Страна — указываем страны;
• Язык сайта — указываем язык вашего сайта;
• Кодировка — рекомендую UTF-8;
• Транслитерация — рекомендую выставлять английский;
• Популярные запросы —

При их заполнение нет ничего сложного. Остальные 4 пункта разберем подробнее:

1. Клиентские каналы:
   

   Рисунок 10. Клиентские каналы

   Здесь можно создан и добавить клиентские каналы, клиентские каналы созданы для более точной аналитики;

2. Стиль окна поиска:
   

   Рисунок 11. Вкладка стиль окна поиска

   Здесь выбираем дизайн окна поиска, я советую оставить, как есть.

3. Стиль объявлений:
   

   Рисунок 12. Вкладка стиль объявлений

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

   

   Рисунок 13. Стандартное оформление объявлений в поисковой выдаче Google

   Отличие только в фоне, которое не так существенно влияет на внимание пользователей.

4. Результаты поиска:
   

   Рисунок 14. Способы вывода результатов поиска

   Это очень важный параметр. На выбор дается 3 способа отображать результат поиска: в том же окне, в новом и на сайте с помощью фреймов. Рекомендую выбирать первый вариант.

После выполнения всех настроек, сохраняем их и получаем код, который необходимо установить на сайта. Как это делается я рассказал выше.

На этом все! Надеюсь на вопрос: Как установить поиск Google на сайт я ответил сполна.