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

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

google-поиск-для-сайта

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

google-поиск-для-сайта

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

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

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

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

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

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

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

Создание-системы-пользовательского-поиска

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

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

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

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

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

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

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

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

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

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

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

    Создание-системы-пользовательского-поиска-получение-дохода

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

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

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

Установка-кода-поиска-Google-в-WordPress

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

Вкладка Мои объявления в Adsense

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

 

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

Создание-поиска-Google-в-Adsense-2

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

 

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

Создание-поиска-Google-в-Adsense-3

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

 

 

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

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

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

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

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

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

  2. Стиль окна поиска:
    Выбор стиля окна поиска

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

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

  3. Стиль объявлений:
    Настройка стиля объявлений

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

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

    Дизайн объявлений Google

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

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

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

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

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

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

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

Дата обновления: 21.08.2016 — 19:13

2 комментария

Добавить комментарий
  1. Подскажите, пожалуйста, а можно ли изменять код поиска под свой блог. А именно — уменьшить ширину формы поиска, так как она вылезает за пределы сайдбара.

    1. SamSebeWebmaster

      Да можно, найдите вот такую строку в коде:

      size=»25″ — это количество символов для формы поиска. Вам необходимо его уменьшить!

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

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

SamSebeWebmaster.ru © 2016, все права защищены.