Скрипт поиска по сайту от Google с показом объявления AdSense — настройка и размещение формы и результатов поиска на сайте

28 Март, 2010

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Это вторая статья из серии по заработку в инете (тут более 15 способов описано) и посвящена она будет работе с системой контекстной рекламы Гугл Адсенс.

В первой статье мы подробно зрассмотрели регистрацию и создание аккаунта в Google AdSense, научились работать с рекламными объявлениями, а так же узнали про такой способ вывода заработанных в этой системе денег, как Рапида (тут читайте про Rapida Online подробнее; кстати, советую задуматься об открытии ИП — здесь описано открытие расчетного счета и вывод WebMoney не него).

Итак, будем считать, что вы разобрались с проблемой создания сайта бесплатно и поэтому сегодня мы попытаемся убить двух зайцев — поставим скрипт поиска по сайту от Google, который позволит улучшить качество встроенного в вашу CMS (систему управления контентом), а так же настроим показ в его результатах рекламных блоков AdSense, которые помогут вам получить дополнительный доход. Совместим, так сказать, приятное с полезным.

Настройка и получения кода скрипта поиска от Google


Я, например, уже давно задумывался об использовании поискового алгоритма от Google или Яндекса (тут про поиск от Яндекса читайте), потому как встроенный в Вордпресс не устраивал меня (да и посетителей блога, наверное, тоже) как по качеству, так и по удобству предоставляемых результатов. Думаю, что практически тоже самое можно сказать и о его аналогах в Joomla и других популярных движках (здесь читайте про бесплатные CMS, которые стоит попробовать).

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

Единственное затруднение, которое здесь может при этом возникнуть — искать Гугл будет только по тем страницам вашего проекта, которые находятся в его индексе. Поэтому, если ваш ресурс на данном этапе развития не очень хорошо и своевременно индексируется, то возможно вам стоит немного подождать пока он проиндексируется полностью.

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

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

Для начала вам нужно будет войти в систему Адсенса под своим логином (как его получить, читайте по ссылке из начала этой статьи). На главной странице AdSense необходимо выбрать из верхнего меню вкладку «Мои объявления», а на открывшейся вкладке в левом меню щелкнуть по вкладке «Поиск»:

Нажимаете кнопку «Новая система» и заполните имеющиеся там поля:

Нужно будет выбрать область поиска: либо он будет вестись по всей сети интернет ( тут про WWW и всемирную паутину читайте), либо только по тем сайтам, которые выберете вы. Очевидно, что нам нужен второй вариант и останется только перечислить их в расположенной чуть ниже форме.

Далее в поле «Ключевые слова» вам нужно ввести фразы, характеризующие тематику вашего проекта. Для чего это нужно? Для показа релевантных содержанию вашего сайта объявлений контекстной рекламы AdSense.

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

В следующих полях вам нужно будет выбрать язык своего ресурса, кодировку русского языка (для WordPress и Joomla 1.5 используется Юникод (UTF-8) — здесь подробнее про кодировки и кракозябры читайте), а так же укажите вашу страну.

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

Этот канал позволит вам отслеживать количество кликов, которое сделали посетители по объявлениям Google AdSense в результатах поиска по вашему сайта. Вы сможете посмотреть это на странице отчетов о вашем заработке:

Откройте вкладку «Стиль окна», где задается внешний вид и длина поля для ввода поискового запроса (в символах). Вы можете поставить галочку рядом с одним из семи различных вариантов формы (тут можно почитать про Html вебформы) поиска Google по сайту. В общем-то, все довольно наглядно:

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

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

Если вам этого мало, то смело жмите на ссылку приведенную в самом низу — Больше возможностей расширенного поиска. В результате вы попадете на страницу, где можно настроить очень многое.

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

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

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

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

Третий вариант гораздо более интересен — результаты будут отображаться на странице вашего проекта. Но при этом он потребует от вас дополнительных телодвижений, т.к. вам придется ввести Урл той страницы вашего ресурса, где будут отображаться результаты поиска. При этом будет задействована технология Iframe (здесь про нее и обычные фреймы читайте всю правду), поэтому придется еще указать ширину отводимой этой области.

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

Итак, для реализации третьего варианта нужно будет создать новую пустую страницу на своем ресурсе, скопировать ее URL и вставить в поле показанное на предыдущем скриншоте. Такую страницу не сложно создать для проекта на Joomla или же блога на WordPress. Но проблема состоит в том, что она не должна фигурировать ни в одном меню, т.к. полезной информации на ней не будет.

Создание страницы результатов поиска в Joomla и Вордпресс


По умолчанию, в Joomla любая страница должна находиться в каком-либо меню. Поэтому для начала нужно будет создать фиктивное меню (в админке Джумлы выбрать «Все меню» — «Меню», и в открывшемся окне нажать на кнопку «Создать», справа вверху), которое вы не будете вставлять в модуль и отображать во ФронтЭнде. Вписываете его название и сохраняете изменения.

Затем выбираете «Все меню» — «Название созданного вами» и в открывшемся окне нажимаете на кнопку «Создать» справа вверху. Далее выбираете из раскрывающегося списка «Материалы» — «Стандартный шаблон материала».

Затем в настройках пункта меню Joomla вам нужно будет вписать в соответствующее поле ее название и скопировать получившийся адрес из поля «Ссылка:».

Адрес задан в относительном виде (про относительные и абсолютные ссылки читайте тут, а так же про URL адреса), поэтому перед ним вам нужно будет дописать что-то типа http://ktonanovenkogo.ru.

Все, нажимаете кнопку «Сохранить» для завершения создания пункта, а затем вставляете полученный таким сложным путем Урл в поле «URL вывода результатов поиска», на странице мастера настройки AdSense.

Для создания новой статической страницы блога на WordPress вам нужно будет зайти в его админку и выбрать из левого меню пункт «Страницы» — «Добавить новую». Вводите ее заголовок и жмете на кнопку «Опубликовать».

Ее URL вы можете скопировать, щелкнув правой кнопкой мыши по кнопке «Посмотреть» и выбрав пункт контекстного меню «Копировать ссылку».

Но остается одна нерешенная проблема. Новая страница будет отображаться в меню вашего блога, если оно у вас есть. Пользователи будут видеть ее, но при переходе на нее ничего там не обнаружат и будут находиться в непонятках, а зачем она вообще нужна.

Чтобы это пофиксить, нужно будет открыть на редактирование файл из используемой вами темы оформления WordPress, в котором прописано данное меню. В моем случае, это файл header.php из каталога wp-content/themes/Название_папки_с_вашей_темой_оформления. Меню там задается строкой кода следующего вида:

<?php wp_list_pages('sort_column=menu_order&depth=1&title_li=');?>

Для того, чтобы запретить отображать в нем статическую страницу с результатами поиска, вам нужно будет сначала узнать ее ID (Как узнать ID рубрики или страницы в WordPress написано тут), а затем дописать в эту строку кода, используя знак «&» в качестве разделителя, следующее:

exclude=2860

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

<?php wp_list_pages('depth=1&exclude=2860&sort_column=menu_order&title_li=' . ('') . '' ); ?>

Добавляем скрипт формы и результатов поиска Google на сайт


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

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

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

Скрипт формы для ввода поисковых запросов вашими посетителями (его код приведен первым на предыдущем скриншоте) нужно будет вставить в шаблон вашего сайта в такое место, чтобы окно поиска отображалось бы на всех вебстраницах. В Joomla вы можете использовать для этой цели модуль «Произвольный HTML-код». Как это сделать, описано в этой статье на примере вставки кода счетчика посещаемости в Джумлу.

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

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

Полученный от Гугла скрипт для моего блога выглядел так:

Стандартный код, который находился в файле searchform.php в папке с используемой мною темой оформления WordPress, выглядел так:

Скрестив ежа с ужом я получил следующий скрипт, который сейчас и используется:

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

Также советую почитать: Как зарабатывать больше в контекстной рекламе Google Adsense http://sosnovskij.ru/google-adsense-secrety-uspeha/ — восемь секретов успешной работы с блоками контекстной рекламы.

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

Еще:

Рубрики :РСЯ и Google AdSense

Комментарии и отзывы

Dorrk

Никогда не пользуюсь контекстной рекламой AdSense.

На сайте с кликами в сутки 200 шт. в месяц от силы набегает 60 у.е.

Грабеж, имхо...

Дмитрий

Dorrk: а что в качестве альтернативы AdSense вы можете предложить, если не секрет.

Дмитрий

Сергей: возможно, но мне так больше понравилось, возможно, что со временем поменяю.

cybersantway

Очень полезный блог, автор всегда (почти) описывает актальные темы. Спасибо.

Seo

Поиск от гугла Google AdSense, в отличии от большинства встроенных поисков намного хуже, потому не советую его ставить на сайты.

Сергей

Отличный пост. Давно это искал. Один вопрос. Вы не написали куда вставлять код показа результатов при установке поиска от Google?

ТЕХНИК

Да-а. установить Google Adsense несложно. Но если этим и ограничиться,то большой отдачи не получится. Кликабельность будет невысокой, а первый платеж будете ожидать год, если, конечно, у вас блог не с тысячной посещаемостью.

Пенсия

Блин и с тысячной посещаемостью, какая то ерунда с Google AdSense, то есть клики, то вообще нет. Не пойму я их. RSS так и не смог прицепить, хотя ошибиться вроде не возможно. В общем не очень доволен, но с РСЯ пока сравнить не могу, рано ломанулся и получил отказ

Александр

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

Сергей

Мне гугл выдает «Ошибка при попытке сохранить результаты. Попробуйте позже»

Сколько не пробовал, — результат тот же. Может кто подскажет чего хочет Google ))

Гриша

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

kroxa

Спасибо! Я тут ступил а то, нужно было домен без http:// указывать... он у меня из-за этого ссылки не извлекал полностью 🙂

Николай

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

Если у вашего сайта область для вывода статей не очень широка (менее 800 пикселей), как например, у моего блога, то вам лучше будет выбрать вариант «Верх и низ», иначе может ничего не получиться.

Спасибо! Все просто но сам не нашел бы решения долго!

Петя Иванов

С каких это пор, в Joomla можно создать пункт меню, не выбрав при этом материала, на который он будет ссылаться?

Epicurus

Приветствую. Создал материал с пробелом, иначе джумла не дает его сохранить. создал меню c указанием материала. указал ссылку в iframe в яндексе с допиской домена. Не работает, вывод результата в полном окне яндекса.

ЧЯДНТ? По возможности подробнее распишите действия. Спасибо.

Татьяна

Здравствуйте! Сделала все как вы сказали, но гугл почему то ищет только на главной странице сайта, нужно указывать все страницы (но это нереально)

Дмитрий

Проблема в следующем!

Наладил поиск, но возникла проблема! По умолчанию в теге прописана высота 1860, и если ничего на сайте не находит, то страница растягивается, а результаты на ней не отображаются. хуже всего то, что под статьей располагается блок рекламы. который при таком раскладе вообще невидим! Где можно изменить стандартную высоту! Понравилось, как у вас сделана страница выдачи результатов, но до конца не могу понять, как она прописана...

B еще, как сделать, чтобы блоки рекламных объявлений, как у Вас, вообще не отображались?

Nikko320

на основе этой статьи сделал под joomla. http://e-kzn.ru/rasshireniya/poisk-po-saytu-joomla-ot-google.html

Anonimous

Последние заявления Google о конфинедециальности сильно напрягают, хотелось бы пореже видеть на сайтах поиск от Google.

Антон

Решился на поиск от Гугля, хочется, чтобы результаты выводились на отдельной странице, но скрыть эту страницу из вертикального и горизонтального меню не получается. Моя тема была создана под Artisteer? поэтому код своебразен:

~

Могли бы Вы помочь куда нужно вставить код скрытия

Иван

Уважаемы автор, Вы подобным образом не создадите стандартный шаблон материала без указания САМОГО МАТЕРИАЛА! Придется создавать пустой материал и указывать его.

Дмитрий

Вадим, вам нужно тогда создавать форму поиска НЕ ЧЕРЕЗ ГУГЛ Адсенс, а через пользовательскую систему Гугл.

Игорь

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

Дмитрий

Игорь: да, можно. В статье я приводил скриншот сервиса, на который вы попадаете по ссылке «Больше возможностей...» из самого низа окна настройки в Адсенс. Так вот там на вкладке «Настройка» можно сделать то, что вы хотите:

Николай

А как установит на сайт использующий joomla 2.5?

Dmitrii

Подскажите, где нахдится вклатка исключенные сайты адсенс? Чтобы скрыть страницы карта сайта, и постраничной навигации с результатов поиска.

dmitrii

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

Владимир

Добрый день!

Можете подсказать?

Результаты с моего сайта не выводятся вообще, пишет, что «Результатов нет»

в чем проблема может быть?

Валерий

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

search.php
и подправить
searchform.php
. У меня по началу не работало из-за буквы «a» в коде
<input type="submit" name="sa"
. В будущем напишу подробную стать у себя на блоге
http://mypsyblog.ru
.

Сергей

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

Подписаться не комментируя