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

Здравствуйте уважаемые читатели блога KtoNaNovenkogo.ru. Это вторая статья из серии по заработку в инете и посвящена она будет работе с системой контекстной рекламы Google AdSense. В первой статье мы подробно рассмотрели регистрацию и создание аккаунта в Google AdSense, научились работать с рекламными объявлениями Google AdSense — настраивать блоки контекстной рекламы, настраивать внешний вид рекламных блоков Google AdSense, а так же подключать к рекламным блоком Google AdSense каналы для последующего отслеживания статистики кликов по разным рекламным блокам и определения наиболее эффективных, для увеличения своего заработка на контекстной рекламе.

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

Для чего нужно встраивать поиск Google на свой сайт

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

Устанавливая на свой сайт поиск от Google (или поисковика Яндекс) вы получаете профессиональный, проверенный временем инструмент, который будет вести поиск только по вашему ресурсу или же по ряду ваших проектов, форумов и блогов. Даже такие проекты как социальные сети (например, Вконтакте, Facebook или Твитер) обзаводятся своими поисками, ибо это очень актуально в удержании аудитории.

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

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

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

Настройка и получения кода формы поиска Google для своего сайта в панели управления AdSense

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

На главной странице Google AdSense вам нужно будет выбрать из верхнего меню вкладку «Настройка AdSense», а на открывшейся странице выбрать пункт «AdSense для поиска»:

В результате, у вас откроется страница мастера настройки AdSense для поиска по вашему сайту. По умолчанию, мастер имеет многостраничный вид и вы можете перемещаться между страницами, используя кнопку «Далее» внизу страницы. Если вам больше нравится вариант, когда все возможные настройки мастера AdSense для поиска будут сосредоточенны на одной странице, то для этого нужно будет активировать «Одностраничный мастер», щелкнув по одноименной ссылке вверху страницы.

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

Первая настройка, которую вам предлагают сделать на странице мастера «AdSense для поиска» — это выбрать тип поиска от Google: либо поиск будет вестись по всей сети интернет (WWW), либо только по тем сайтам, которые выберете вы. Очевидно, что поиск по всей сети для наших целей вряд ли подойдет, поэтому в этом поле следует оставить стоящую по умолчанию галочку в поле «Только выбранные мной сайты»:

При таком выборе вам будет доступна для заполнения область «Выбранные сайты», в которую вы должны будете ввести доменные имена тех ресурсов, по которым вы хотите осуществлять поиск с помощью Google. Что примечательно, можно указывать не только домены целиком, но так же и:

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

  ktonanovenkogo.ru/about
  ktonanovenkogo.ru/category/joomla

• или же части сайтов. В этом случае, можно будет задать маску по какому-либо слову, встречающемуся во всех URL. Например, для того, чтобы поиск от Google осуществлялся на всех страницах моего сайта, у которых в адресе присутствует слово JOOMLA, нужно будет добавить в область «Выбранные сайты» следующую строку:

  ktonanovenkogo.ru/*joomla*

Но такое требуется довольно редко и обычно поиск осуществляется по одному или же нескольким сайтам, доменные имена которых (без http:// в начале URL) вы должным будете ввести в область «Выбранные сайты»:

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

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

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

Настраиваем клиентский канал для отслеживания кликов по объявлениям в результатах поиска Google по вашему сайту

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

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

В области «AdSense для поиска» вам нужно будет щелкнуть по ссылке «самые популярные каналы» для детального просмотра по каждому из каналов информации о количестве кликов по объявлениям в поисковой выдаче, CTR и полученному заработку на контекстной рекламе (кстати, советую задуматься об открытии ИП для легализации доходов):

Но проще всего будет оставить в области «Клиентский канал» все как есть по умолчанию, тогда канал для отслеживания количества кликов и уровня вашего заработка в AdSense будет сформирован и назван автоматически:

Настройка внешнего вида окна (формы) поиска Google по сайту

В области «Выбрать параметры окна поиска» как раз и задается внешний вид окна поиска Google по сайту, а так же задается длина поля для ввода поискового текста (в символах). Теперь по порядку. В поле «Внешний вид» вы можете поставить галочку рядом с одним из семи различных вариантов формы поиска Google по сайту. Как будет выглядеть окно поиска Google, выбранного вами вида, вы сможете увидеть в поле «Пример», расположенном над областью «Внешний вид». В поле «Длина поля текста» вы можете задать видимую часть области поиска Google по сайту, в которую пользователи будут вводить свои поисковые запросы:

Если вы сейчас не знаете точное значение для длины поля текста, то вы можете сейчас задать примерное значение, а затем подкорректировать его уже на своем сайте, в полученном коде формы поиска от Google. Полученный вами код априори будет кроссбраузерным, т.е. будет одинаково отображаться во всех популярный браузерах (Internet Explorer, Mozilla Firefox, Google Chrome и Opera).

Настройка результатов поиска по сайту от Google

В поле «Открытие страницы результатов поиска» вы можете выбрать один из трех вариантов открытия окна с результатами поиска Google по сайту.

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

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

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

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

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

Создание страницы для отображения результатов поиска Google для сайта на Joomla

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

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

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

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

Создание страницы для отображения результатов поиска Google в блоге на WordPress

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

Этот URL вы можете вставить в поле «Введите URL страницы, где будут показываться результаты поиска», на странице мастера настройки «AdSense для поиска». Но остается одна нерешенная проблема. Новая страница «Результаты поиска» будет отображаться в меню вашего WordPress блога, если оно у вас есть. Пользователи будут видеть эту страницу с поиском по сайту от Google, но при переходе на нее ничего там не обнаружат и будут находиться в непонятках, а на фига эта страница вообще нужна на этом WordPress блоге.

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

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

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

exclude=2860

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

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

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

Добавляем код результатов поиска от Google на созданную страницу «Поиск по сайту»

Да, новую страницу для отображения результатов поиска Google мы создали, теперь самое время вставить в нее тот код, который вы скопировали на странице «Код поиска» во второй области под названием «Код результатов поиска». Этот код будет выглядеть примерно так:

<div id="cse-search-results"></div>
<script type="text/javascript">
  var googleSearchIframeName = "cse-search-results";
  var googleSearchFormName = "cse-search-box";
  var googleSearchFrameWidth = 545;
  var googleSearchDomain = "www.google.ru";
  var googleSearchPath = "/cse";
</script>
<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>

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

<form action="http://ktonanovenkogo.ru/poisk-po-sajtu" id="cse-search-box">
  <div>
    <input type="hidden" name="cx" value="partner-pub-4437640716655867:t2fxse-5qbu" />
    <input type="hidden" name="cof" value="FORID:11" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="text" name="q" size="67" />
    <input type="submit" name="sa" value="&#x041f;&#x043e;&#x0438;&#x0441;&#x043a;" />
  </div>
</form>
<script type="text/javascript" src="http://www.google.ru/cse/brand?form=cse-search-box&amp;lang=ru"></script>
<div id="cse-search-results"></div>
<script type="text/javascript">
  var googleSearchIframeName = "cse-search-results";
  var googleSearchFormName = "cse-search-box";
  var googleSearchFrameWidth = 545;
  var googleSearchDomain = "www.google.ru";
  var googleSearchPath = "/cse";
</script>
<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>

Как это будет выглядеть на странице Google поиска по сайту, вы можете увидеть, пройдя по этой ссылке.

Настройка внешнего вида страницы с результатами поиска Google по вашему сайту

На странице мастера «AdSense для поиска» в области «Стиль результатов поиска» имеется возможность тонкой настройки внешнего вида страницы с результатами поиска по сайту от Google. При выборе любого из вариантов в поле «Открытие страницы результатов поиска» у вас будет возможность задать цветовое решение заголовков, ссылок, фона и т.п. с помощью соответствующих инструментов:

Если сделанные сейчас настройки вас не устроят в дальнейшем, то вы всегда сможете вернуться на эту страницу AdSense с настройками следующим способом. Вам нужно будет перейти на страницу «Управление объявлениями» вкладки «Настройка AdSense»:

На странице «Управление объявлениями» в AdSense будут отображены все созданные вами под данным аккаунтом рекламные блоки контекста от Google, в том числе и блоки «AdSense для поиска». Вам нужно будет найти строчку с нужным блоком контекстной рекламы AdSense и в последнем столбце, напротив названия нужного вам рекламного блока, нажать на ссылку «Изменить настройки объявления». В результате чего, вы переместитесь на страницу AdSense, где сможете внести нужные коррективы в настройки.

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

Для этого вам нужно будет создать логотип вашего сайта высотой не более 50 пикселей и загрузить его на свой сайт по FTP, а затем в поле «URL изображения логотипа» ввести путь до этого графического файла с логотипом.

Все, теперь только осталось ввести название нашей системы поиска по сайту от Google и нажать кнопку «Отправить и получить код». На открывшейся странице вы можете скопировать код, генерированный на основе сделанных вами настроек.

Вставляем код формы (окна) поиска Google в шаблон своего сайта

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

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

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

<form action="http://www.google.ru/cse" id="cse-search-box" target="_blank">
  <div>
    <input type="hidden" name="cx" value="pub-xx37xx0716655xx7:txfxse-5xxu" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="text" name="q" size="20" />
    <input type="submit" name="sa" value="&#x041f;&#x043e;&#x0438;&#x0441;&#x043a;" />
  </div>
</form>
<script type="text/javascript" src="http://www.google.ru/cse/brand?form=cse-search-box&amp;lang=ru"></script> 

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

 <form method="get" id="searchform" action="<?php bloginfo('home'); ?>">
<input type="text" value="Поиск..." name="s" class="s" onfocus="if (this.value == 'Поиск...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Поиск...';}"/>
<input type="image" class="sgo" src="<?php bloginfo('template_url'); ?>/images/b_go.png" alt="Поиск" />
</form>

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

 <form id="searchform" action="http://www.google.ru/cse" target="_blank">
<input type="text" name="q" size="20" value="Поиск по сайту"  class="s" onfocus="if (this.value == 'Поиск по сайту') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Поиск по сайту';}"/>
<input type="hidden" name="cx" value="partner-pub-xx37xx0716655xx7:txfxse-5xxu" />
    <input type="hidden" name="ie" value="UTF-8" />
<input type="image" class="sgo" src="http://ktonanovenkogo.ru/wp-content/themes/Organic/images/b_go.png" alt="Поиск" />
</form>
<script type="text/javascript" src="http://www.google.ru/cse/brand?form=cse-search-box&amp;lang=ru"></script> 

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

Также советую почитать: Как зарабатывать больше в контекстной рекламе Google Adsense, восемь секретов успешной работы с блоками контекстной рекламы.

У Евгения Попова вышел новый видекурс Все Технические Моменты Онлайн Бизнеса в Видеоформате, который стоит того, чтобы с ним ознакомиться.

Вы так же можете ознакомиться с другими статьями на эту же тему:

• Как заработать деньги (15 способов без вложений)
• Способы монетизации сайтов
  • GoGetLinks (ГоГетЛинкс, Ггл) - биржа ссылок "навсегда"
  • Miralinks (Миралинкс) - биржа размещения статей
  • RotaPost (ротапост) - заработок для всех
  • Евгений Попов — партнерки по продаже видеокурсов
  • Адвего (advego) - биржа по написанию статей
  • Тизеры (тизерные сети и партнерки) - реальная альтернатива контексту
• Индивидуальный предприниматель (ИП)
• Яндекс Директ - инструкция
• Контекстная реклама
  • Рекламная сеть Яндекса (РСЯ)
  • Google AdSense (Гугл Адсенс)
• Электронные деньги
  • Яндекс.Деньги
  • WebMoney (Вебмани)
    • WebMoney Keeper Classic
    • WebMoney Keeper Light
    • Webmoney Mini
    • Enum - защита ваших Вебманей
  • Paypal (пайпал) - учимся работать с мировой платежной системой
  • Ebay (Ебей, ебай, ибей) - здесь можно потратить свои Пайпалы
  • Moneybookers (манибукерс) - удобно получать деньги из-за рубежа
  • RBK Money (рбк мани) - российская электронная валюта
  • EasyPay (изипей) - электронные деньги Беларуси

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

Очень обяжете, если воспользуетесь этим блоком кнопок:

Рубрика : Контекстная реклама

Наверх