4 332 Контекстная реклама в Вашем блоге
Не секрет, что один самый простых способов монетизировать свой блог или сайт — разместить на нем контекстную рекламу от Google или Яндекс. Таким образом, хозяин сайта “сдает в аренду площадь” для рекламы и получает (в зависимости от договора) некоторую сумму денег.
Итак, Вы решили разместить у себя в блоге рекламу. Где расположить рекламный блок Google Adsense или Яндекс ? На боковой панели, внизу страницы или в опубликованных записях? Конечно, если Ваша цель — получить наибольшее количество переходов по ссылке в рекламе, лучше разместить рекламу в самих статьях блога на WordPress, потому как именно здесь в течение достаточно продолжительного времени будет сконцентрировано внимание читателя.
Самыми популярными сервисами для контекстной рекламы являются Google AdSense и рекламная система Яндекс (РСЯ). В этой статье мы разберемся, как устанавливать рекламные блоки для своего сайта на примере этих сервисов.
Чтобы посетители смогли ознакомиться с рекламой, придется несколько повозиться с кодом шаблона WordPress. Однако не так все страшно, как может показаться с первого взгляда.
Как вставить рекламу от Google AdSense и РСЯ в текст поста?
На самом деле эту задачу можно решить несколькими способами. Но в любом случае сразу установите какой-либо текстовый редактор (если его еще нет). Самый удобный — это Notepad++. Далее — самое важное — не забудьте про бэкап: сохраните копию файлов до внесения изменений, чтобы при необходимости вернуть сайту первоначальный вид. Итак, начинаем.
Способ 1. Вставляем рекламу в середине статьи WordPress
Следующий код дает возможность разместить рекламу Google AdSense в записи с ограниченным количеством символов. Обратитесь к файлу «functions.php» — он расположен в папке шаблона Вашего блога. Откройте файл текстовым редактором и в конце кода вставьте функцию:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
function inject_ad_text_after_n_chars($content) { // only do this if post is longer than 1000 characters $enable_length = 1000; // insert after the first </p> after 500 characters $after_character = 500; if (is_single() && strlen($content) > $enable_length) { $before_content = substr($content, 0, $after_character); $after_content = substr($content, $after_character); $after_content = explode('</p>', $after_content); $text = ' <!-- ЗДЕСЬ ВАШ КОД --> '; array_splice($after_content, 1, 0, $text); $after_content = implode('</p>', $after_content); return $before_content . $after_content; } else { return $content; } } add_filter('the_content', 'inject_ad_text_after_n_chars'); |
Так, мы видим в коде функции несколько чисел. Первое — “1000” — означает минимальное количество символов в статье, после чего начинается вывод рекламы. Если статья меньше тысячи символов, реклама не будет отображаться. Число “500” определяет местоположение рекламы. В данном случае она будет отображаться после первых пятисот символов. Кроме того, в коде есть уточнение, что реклама может быть отображена после первого абзаца </p>, который вполне может появиться раньше, чем наступит граница в 500 символов. Стоит отметить, что заданные параметры могут быть изменены по Вашему желанию. Установив код один раз, Вам больше не придется беспокоиться — WordPress сделает все за Вас.
Способ 2. Рекламные блоки после заголовка h2
Этот код задаст отображение рекламы автоматически после заголовка </h2>.
В этом случае снова обратимся к «functions.php» и снова внизу пропишем:
|
1 2 3 4 5 6 7 8 9 10 11 12 |
function ads_h2($the_content) { $ads=' <!-- ЗДЕСЬ ВАШ КОД --> '; if (is_single()) { $the_content=preg_replace('#<h2(.*?)</h2>#','<h2\1</h2><div class="ads_content">'.$ads.'</div>',$the_content); } else { } return $the_content; } add_filter('the_content', 'ads_h2'); |
Соответственно, чтобы выводить рекламу не после </h2>, а после </h3>, просто измените этот параметр.
Но будьте внимательны, эти варианты хороши применительно к Google AdSense. Для Яндекс потребуются некоторые усилия.
Яндекс выдвигает следующие требования: если Вы размещаете код рекламы в «functions.php», то одинарные кавычки необходимо ограничить слешем (/) — экранировать. Ниже представлен уже готовый вариант, чтобы Вам не пришлось самостоятельно искать каждый знак. Необходимо только внести изменения в нужные переменные (шрифт, цвет и т.д.):
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
function ads_h2($the_content) { $ads='<script type="text/javascript"> //<![CDATA[ yandex_partner_id = 102965; yandex_stat_id = 2; yandex_site_bg_color = \'FFFFFF\'; yandex_site_charset = \'utf-8\'; yandex_ad_format = \'direct\'; yandex_font_size = 1.2; yandex_font_family = \'courier new\'; yandex_direct_type = \'flat\'; yandex_direct_limit = 1; yandex_direct_title_font_size = 2; yandex_direct_title_color = \'3366CC\'; yandex_direct_url_color = \'000000\'; yandex_direct_text_color = \'000000\'; yandex_direct_hover_color = \'006699\'; yandex_direct_favicon = true; document.write(\'<sc\'+\'ript type="text/javascript" src="http://an.yandex.ru/system/context.js"></sc\'+\'ript>\'); //]]> </script>'; if (is_single()) { $the_content=preg_replace('#<h2(.*?)</h2>#','<h2\1</h2><div class="ads_content">'.$ads.'</div>',$the_content); } else { } return $the_content; } add_filter('the_content', 'ads_h2'); |
Способ 3. Рекламный код после определенного абзаца во всех постах
Следующий вариант позволяет интегрировать рекламу во все тексты записей сразу после абзаца или отступа. Теперь нам нужно найти файл «single.php» — он располагается в той же директории, где и «functions.php». В файле найдите строку:
|
1 |
<?php the_content();?> |
Удалите и вставьте следующий код:
|
1 2 3 4 5 6 7 8 9 10 |
<?php $paragraphAfter= 3; //display after the first paragraph $content = apply_filters('the_content', get_the_content()); $content = explode("</p>", $content); for ($i = 0; $i <count($content); $i++ ) { if ($i == $paragraphAfter) { ?> <div>Insert Ads Here</div> <?php } echo $content[$i] . "</p>"; } ?> |
Согласно указанным параметрам, после третьего отступа и будет размещена Ваша реклама. Конечно, это тоже можно изменить.
Способ 4. Вставляем рекламу в блок с помощью шорткодов
Этот способ отлично подойдет для тех, кто не любит ограничения — Вы сможете размещать объявления по своему усмотрению в нужных местах. Для этого снова вернемся к файлу «functions.php», где аналогичным способом помещаем код:
|
1 2 3 4 5 6 |
function myads1() { return ' <!-- ЗДЕСЬ КОД ОБЪЯВЛЕНИЯ --> '; } add_shortcode('ad1', 'myads1'); |
С этими несколькими строками Вы сможете помещать рекламу вручную. Просто используйте в статье шорткод:
|
1 |
[ad1] |
Суть шорткодов в том, что они помогают избежать многострочного кода и дают краткую ссылку на него.
Важно:
Как и в предыдущей ситуации, для Яндекса необходимо экранировать одинарные кавычки.
Способ 5. Добавляем рекламу в начале и в конце каждой статьи WordPress
Возможно, Вы решили, что реклама должна появляться в начале статьи или в ее конце. Тогда придется экспериментировать. В файле «single.php» пробуйте размещать код рекламы в разных местах до тех пор, пока не получите необходимого результата. Дело в том, что универсального совета в этом случае не существует — шаблоны составляются разными авторами, поэтому единой системы нет.
Для оформления рекламы под css заключите код в следующую конструкцию:
|
1 |
<div class="adstyle">[ad1] или код любого блока</div> |
А в файле стилей css добавьте:
|
1 2 3 4 5 6 7 8 |
.adstyle { background:#f4f4f4; width:400px; height:500px; text-align:right; float:right; border:solid 1px #c7c7c7; } |
Стили, конечно, могут быть скорректированы по Вашему усмотрению.
Реклама между статьями на главной странице WordPress
И в завершение хочется открыть один секрет: многие SEO специалисты считают, что реклама может быть эффективна не только в тексте. Так, одним из самых лучших мест считается пространство после анонса первой записи. Подробнее об этом читайте в нашей статье Вывод рекламы между постами в WordPress
Для размещения рекламного блока заключите код в эту конструкцию:
|
1 2 3 |
<?php if ($count == 1) : ?> <!-- ЗДЕСЬ КОД ОБЪЯВЛЕНИЯ --> <?php endif; $count++; ?> |
Далее открываем “index.php”. В нем нужно найти строку:
|
1 |
<?php endwhile; else: ?> |
Перед ней и размещаем код рекламы. Здесь “1” указывает на первый анонс. Следовательно, вы можете изменить и на второй, и на третий.
Возможно, что Ваш шаблон отличается от большинства, и строку Вы не найдете. Тогда вспоминаем правило эксперимента и находим место для кода эмпирическим путем — пробуем и обновляем страницу.
На этом все. Рекламируйте и зарабатывайте деньги!
Подскажите, есть ли плагин такой ! Нужно просто что бы автоматом вставлялся текст что то типа «Подпишись на новости сайта и получишь конфетку» в конец каждой статьи. А то зачастую забывается.
Спасибо огромное за такую полезную статью! Я так упорно искал решение проблемы со вставками нескольких рекламных блоков в тело статьи и вот нашел. Не понимаю, почему в simple ads manager не реализована такая функция.
Отличные решения!
Спасибо!
Вопросы:
1. если вставлять Способом 2 или 3 (т.е. тем, который предполагает повторения по заданному условию), получается, что во всех местах будет выводится одно и тоже объявление. Ведь код будет один. Верно?
2. если в вопросе 1 ответ «да», то есть ли решение, чтобе можно было выводить разные объявления (в случайном порядке)?
Спасибо.
Здравствуйте!
Этот способ описан для вставки блоков от Adsense, код вставляете один, а объявления будут показываться разные в зависимости от контекста страницы и предпочтений пользователя.
Таким способом можно также выводить любые блоки, например баннеры прямых рекламодателей или на партнерские программы. Чтобы они находились в ротаторе вставляйте объявления через ротатор баннеров, например.
Спасибо за ответ!
Подскажите, а есть ли решение для блока РСЯ?
Т.к. прописал код для вывода после H3, но реклама показывается только после первого H3, а на других — нет (в посте их 3 штуки).
Спасибо.
Здравствуйте! Вопрос насчёт Способа 3. Рекламный код после определенного абзаца во всех постах
Если мне нужно вставить несколько разных рекламных блоков таким способом после разных абзацев (например, после третьего, седьмого, четырнадцатого абзаца и т.д.), то как будет выглядеть код в этом случае?
Спасибо!