Главная » Ведение блога » Как добавить пользовательский поиск Google на сайт

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

пользовательский поиск google

Здравствуйте, дорогие друзья!
В сегодняшней статье я поделюсь с вами одной очень интересной фишкой, которая сделает ваш ресурс более удобным для посетителя. Вы узнаете, как добавить пользовательский поиск Google на сайт. Да, да, тот самый поиск, которым пользуется весь мир, будет на вашем сайте, и при этом вы еще сможете заработать денюжку. Думаю, теперь у вас появилась еще большая мотивация добавить это поиск на блог :smile:.

Если у вас установлен стандартный поиск от wordpress, то он очень неудобен для посетителя. Вот, приведу несколько недостатков этого поиска:

  • На первом месте в результатах поиска будет не та статья, которая более релевантная запросу посетителя, а та, которую вы последний раз написали :smile:. Это очень неудобно, если человек вводит запрос на вашем сайте, то думаю, ему неважно, когда вы писали пост, а гораздо важнее просто найти ответ.
  • Не отображается описание поста (сниппет). В результатах поиска от Гугла посетитель может прочитать несколько предложений и таким образом решить для себя, переходить на страницу или нет. В стандартном поиске от wordpress описания нет, только заголовок страницы.
  • В поиске от wordpress будет столько результатов, как и в настройках блога. Если, например, в настройках выводится только одна статья на главную страницу, то в результатах поиска от wordpress будет также. В поиске от Гугла отображаются 10 постов на одной странице, что, на мой взгляд, очень удобно.
  • Нет возможности заработать на контекстной рекламе :smile:. Если вы установите поиск от Яндекса или от Гугла, то на первом месте будет отображаться контекстная реклама. Люди будут кликать по ней, и вам будут капать денюжки :smile:.

Как видите, очень много недостатков. Но есть возможность установить поиск от Гугла и сделать блог более удобным для людей. Тем более, что сделать это не так уж и сложно.

Поиск от Гугла можно встроить как с помощью google adsense, так и через систему пользовательского поиска Google. Мне больше нравиться первый вариант. Итак, давайте приступим.

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

После входа нажмите на вкладку «Мои объявления» и выберите «Поиск». Потом нажмите «Новая система пользовательского поиска» (кликабельно):

пользовательский поиск google

Здесь нужно заполнить некоторые поля:

  1. Название – укажите любое название, которое вы сможете запомнить. Я написал адрес своего сайта;
  2. Область поиска – поставьте чекбокс напротив надписи: «Только выбранные мной сайты» и укажите адрес своего сайта;
  3. Ключевые слова – укажите несколько высокочастотных запросов, чтобы Гугл смог подбирать релевантные рекламные объявления в результатах поиска;
  4. SafeSearch – поставил галочку напротив надписи «Использовать безопасный поиск;
  5. Страна нужна для того, чтобы Гугл смог определить доменную зону, я выбрал Россию;
  6. Язык сайта – здесь без комментариев :smile:;
  7. Кодировка – я указал (UTF-8);
  8. Транслитерация. Смотрите, если посетитель вводит запрос «сайт», но на клавиатуре будет английский язык, то получится вот такое «cfqn». Если транслитерация будет включена с английского на русский, по после нажатия кнопки поиск, его слово автоматически будет исправлено с «cfqn» на сайт. Можно выбрать здесь английский язык. После всех настроек у меня получилось вот так:

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

Идем дальше. Клиентские каналы – здесь я советую создать новый клиентский канал, чтобы вы смогли отслеживать СТR рекламных объявлений в результатах поиска.

Клиентские каналы

Стиль окна поиска – здесь на ваше усмотрение, кокой стиль нравиться такой и выбирайте. Я выбрал «рядом с окном поиска». Длина текстового поля должна быть не более 100 символов, я выбрал 20.

Как добавить пользовательский поиск Google

Стиль объявлений. Здесь лучше нажать на кнопку: «Создать свой стиль объявлений». Если у вас есть опыт работы с google adsense, то вы можете легко себе настроить цвета. Если нет, то ничего страшного сейчас поясню. Итак, для того чтобы получить большой СТR объявлений, нужно сделать так, чтобы реклама не отличались от реальных результатов поиска.

результаты поиска

  • Рамка – я оставил белый цвет #FFFFFF;
  • Заголовок – сделайте лучше такого же цвета, как заголовки h1 на сайте, у меня вот такой #64A42B;
  • Фон – такой же, как и фон сайта, у меня белый #FFFFFF;
  • Текст – аналогично, я сделал как на сайте серый цвет #393939;
  • URL и Посещенный URL – на сайте ссылки зеленые, я такими их и сделал.

стиль объявлений google adsense

Результаты поиска. Здесь лучше всего поставить галочку напротив надписи «На моем веб-сайте с использованием фреймов iFrame». Это значит, что результаты поиска будут выводиться на вашем сайте, и вы не потеряете посетителя, таким образом, улучшаются поведенческие факторы. Но нам нужно сначала создать страницу для результатов поиска. Для этого просто зайдите в админку сайта, создайте новую страницу и скройте ее с меню и карты сайта. Адрес моей странички будет вот такой http://vachevskiy.ru/search я его и указал. Ширину раздела результатов поиска можно изменить потом в коде.

поиск гугла на сайт

Это были только базовые настройки. Если вы хотите больше, то нажмите на ссылку: «Больше возможностей расширенного поиска».
Больше возможностей расширенного поиска
Там вы можете настроить на свой вкус все, что хотите. Потом нажмите на кнопку сохранить и получить код:

код поиска от гугла

У нас появляются две части кода. Первую часть «Код окна поиска» нужно вставить в то место, где вы хотите видеть форму поиска. Вторую часть «Код результатов поиска» вставьте через HTML редактор в страницу, которую вы создали.

По большому счету поиск должен работать, но вы можете столкнуться с одной проблемой. Сайдбар может наложиться на результаты поиска, как это было у меня, поэтому его я убрал со страницы http://vachevskiy.ru/search. Для того, чтобы это сделать откройте файл page.php и найдите в самом низу вот такую строчку:

<?php get_sidebars(); ?>

Замените ее на такую:

<?php if(!is_page ('search')): ?>
<?php get_sidebars(); ?>
<?php endif; ?>

Вместо «search» укажите адрес своей страницы с результатами поиска после третьего слеша.

На этом у меня все. Теперь вы знаете, как добавить пользовательский поиск Google на сайт. Можете посмотреть, как выглядит у меня поиск по запросу seo. Желаю удачи, друзья!

vachevskiy 7 декабря 2013
  1. Людмила

    Здравствуйте. Можно ли установить поиск-гугл на странице фейсбук, и как это сделать, если даже подать заявку на адсенс невозможно, система-адсенс не пропускает урл-адрес фейсбук-страницы? Спасибо.

  2. vachevskiy

    Людмила, к сожалению поиск от гугла в фейсбук установить невозможно. Такое могут сделать только создатели этой социальной сети.

  3. алекс

    Вот ты люда дура *dash*

  4. vachevskiy

    Алекс, ну зачем ты так :smile:.

  5. Слава

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

    Правда надо править стили, ибо результаты поиска очень широкие...

  6. dmitrii

    Подскажите, старый код формы в файле searchform.php нодо удалить, который начинается с <form. И вместо его надо вставить код Google поиска. Я у себя на блоге dmitriy-site.ru сделал окно поиска, но почему-то меня не устраивает,может вы посоветуете как то улучшить!

    Под какой строчкой кода, *dash* можно вывести форму в sidebar.php блоге на Вордпресс.

  7. vachevskiy

    dmitrii, Google поиск не нужно вставлять в searchform.php.

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

  8. Дмитрий

    Скажите а можно ли установить поиск google, на страницу Яндекса, или хотябы вконтакте встроить?

  9. Дамир

    Большое спасибо за статью я про этот поиск не знал)) сделал всё получилось уаррраааа