Вставка рекламных объявлений в статьи WordPress с помощью коротких кодов (Shortcodes)

Здравствуйте, уважаемые читатели блога!

Недавно в своей статье «Как зарегистрироваться в Рекламной Сети «Яндекс» (РСЯ). ЦОП Profit Partner» я писал о том, что мой блог добавили в Рекламную сеть Яндекса.

Теперь на моем блоге размещены рекламные блоки Яндекс.Директ.

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

О настройках внешнего вида рекламных блоков прямо на своем ресурсе (не заходя в свой ЦОП) я скоро напишу.

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

Разместить рекламные блоки между строк текста в статье можно и обычным способом: вставить полученный код блока Яндекс.Директ в html редакторе. Однако, в этом случае Вы будете иметь ряд проблем, неудобств и недостатков:

— рекламный блок будет невидимым в визуальном редакторе WordPress;

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

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

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

Если Вы разбираетесь в движке WordPress, то можете использовать некоторые функции, которые помогут вставить рекламные блоки Рекламной Сети Яндекса (Яндекс.Директ) или Google AdSense в различные места блога. Например, под содержанием анонсов постов на главной странице, после определенного количества постов и т.д.

Об этих функциях я расскажу как-нибудь в другой раз, нужно еще их изучить и тщательно проверить. Чтобы не пропустить выход новых постов, рекомендую Вам подписаться на обновления блога.

Как вставить рекламные блоки после заголовка поста и в конце статьи?

Здесь я ничего придумывать не стал и вставил полученный код рекламных блогов в файл single.php, который расположен в папке с темой блога:

Ваш домен/wp-content/themes/Название Вашей темы/ single.php

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

Второй код у меня расположен после кнопок социальных сетей. Контекстную рекламу Google AdSense можно разместить таким же способом.

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

Как разместить контекстную рекламу между строк в тексте статьи?

Размещение рекламных блоков прямо в тексте статей может значительно увеличить заработок на блоге на контекстной рекламе.

Чтобы разместить блоки контекстной рекламы в тексте (между строк) статьи, лучше всего воспользоваться короткими кодами (Shortcodes). Смысл заключается в том, что мы создадим функцию:

function google() {
 return ' Содержимое рекламного блока ';
 }
 add_shortcode('google_content', 'google');

в файле function.php, который расположен в папке с темой блога:

Ваш домен/wp-content/themes/Название Вашей темы/ function.php

Затем в статьях будем вставлять короткий код, например, такой:

Вместо надписи «Содержимое рекламного блока», которая располагается в одинарных кавычках, нужно вставить код рекламного блока.

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

function google() {
 return '
 <script type="text/javascript">// <![CDATA[
 <!– google_ad_client = "pub-0000000000"; google_ad_slot = "2645645665"; google_ad_width = 654; google_ad_height = 50; //–>
 // ]]></script>
 <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">// <![CDATA[
 // ]]></script>
 ';
 }
 add_shortcode('google_content', 'google');

Вам нужно просто вставить свой код!

Внимание! Перед редактированием файла function.php обязательно сделайте его резервную копию, дабы в случае возникновения каких-либо ошибок, его можно было вернуть в первоначальное состояние!

А вот с рекламой Яндекс Директ будет немного посложнее.

Дело в том, что в коде рекламных блоков Яндекс.Директ присутствуют одинарные ‘кавычки’, которые в функции php необходимо экранировать. Для этого перед каждой такой кавычкой необходимо добавить обратный слэш — \’
Полный код функции будет выглядеть так:

function yandexd () {
 return '<script type="text/javascript">// <![CDATA[
 yandex_partner_id = 88888;
 yandex_site_charset = \'utf-8\';
 yandex_ad_format = \'direct\';
 yandex_font_size = 0.9;
 yandex_direct_type = \'flat\';
 yandex_direct_limit = 1;
 yandex_direct_title_font_size = 2;
 yandex_direct_header_bg_color = \'F1ECE0\';
 yandex_direct_title_color = \'500302\';
 yandex_direct_url_color = \'666666\';
 yandex_direct_all_color = \'666666\';
 yandex_direct_text_color = \'333333\';
 yandex_direct_hover_color = \'A7A39B\';
 yandex_direct_favicon = true;
 document.write (\'<sc\'+\'ript type="text/javascript" src="http://an.yandex.ru/system/context.js"></sc\'+\'ript>\');
 // ]]></script>';
 }
 add_shortcode ('yandexd', 'yandexd');

Я вам советую скопировать этот код и отредактировать его в соответствии с Вашими настройками рекламных блоков.

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

add_shortcode ('yandexd', 'yandexd');

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

Теперь, если будет необходимо изменить настройки кода, Вы измените его в файле function.php, и все рекламные блоки в статьях, которые вставлены с использованием этой функции, будут изменены.

Размещать код в статьях лучше в контейнере div, присвоив ему соответствующий класс, например:

<div class="yandexc">короткий код</div>

При таком размещении у Вас будет возможность изменить настройки и положение рекламных блоков, задав параметры отступов в файле style.css, например:

div.yandexc {
 margin: 5px 0 0px 5px;
 }

Вот в принципе и все, теперь Вы знаете, как вставить контекстную рекламу в статьи.

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

1 место – Виктор Боченков (bochenkov86@gmail.com), получает приз      150 рублей на WMR
2 место – Олег (olliss3@gmail.com), получает 100 рублей на WMR
3 место – Елена (volnyudachi@gmail.com), 50 рублей на WMR
Случайный счастливчик — Алтынбек (akmyrza.altynbek@yandex.kz), получает 50 рублей на WMR

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

На этом у меня все. Как Вам статья? Если у Вас возникли вопросы по вставке контекстной рекламы, то можете задавать их в комментариях к статье.

Рекомендую также прочитать пост «Сколько можно заработать на контекстной рекламе? Руководство по заработку в РСЯ.»

С уважением, Александр Бобрин

Поделись с друзьями: