Блог Александра Бобрина. SEO, блоггинг, инфобизнес и заработок в интернете
Реклама/Услуги

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Если Вы разбираетесь в движке 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 кошельков. Я перечислю Вам призы.

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

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

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

Понравилась статья? Поделись с друзьями!

Комментариев - 63
  1. Виктор Боченков

    Мне кажется, что реклама в тексте не много отпугивает. Тем более у тебя она вообще сливается с основным текстом.  🙂

    Ответить


    Александр Бобрин

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

    Ответить


    Вячеслав

    Нет! Она не отпугивает! А на оборот! Иногда даже притягивает!

    Ответить


    Андрей

    За счет этого эффекта доход с рекламы возрастает.

    Ответить

  2. Виктор Боченков

    А со 100 посещениями в сутки рекламу можно вставлять или все не рекомендуется?  😀

    Ответить


    Александр Бобрин

    Не стоит, Виктор. Она тебе ничего не даст.

    Ответить

  3. Андрей Гончар

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

    Ответить


    Дима

    500 у/сутки минимум

    Ответить

  4. Иван

    В этом и самая фишка, чтобы реклама сливалась с текстом(больше раз случайно кликнут). 

    Статья хорошая получилась. Все вокруг  плагины предлагают, а у вас без них — это отлично!! 😉

    Ответить

  5. Алтынбек

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

    Ответить


    Андрей

    Это требование РСЯ — Рекламная Сеть Яндекса. Но, ведь и это требование бралось не с фонаря, верно?

    Ответить

  6. Иван

    Для того, чтобы поставить Google Adsense достаточно просто зарегестрироваться и пройти испытательный срок с получением кода(что не всем удается). 😉

    Ответить


    Андрей

    А потом зарабатывать 2 — 3 копейки в день? Тогда 100 долларов годами можно ждать.

    Ответить

  7. Олег

    Я тоже считаю, что реклама тут стоит нормально. По моему хуже, если она сильно отличается от оформления страницы.

    Буду складывать уроки по Директу. Надеюсь еще пригодится.

    Первый раз успел кроссфорд вовремя разгадать. Почти вовремя 😉 .

    Ответить

  8. Александр (AKart)

    Самое классное место для объявлений — под заголовком. Причем мне больше нравится, когда она выглядит естественно, так же, как основной текст. Думаю, если контент интересный, то можно и поставить с любым количеством посетителей. А если сайт чисто для того, чтобы бабла побыстрому срубить, то сколько рекламы не ставь, читателей все равно не будет.

    Ответить

  9. Виктор Боченков

    Ребят! Но все таки кажется что все таки когда появляется реклама в тексте — это напрягает. Да Бог, догнаться мне до посещаемости Саши, но 100% не буду ляпить рекламу в контент... да же потому что мы разругаемся с Владом  😀 😀

    Ответить


    Андрей

    Вообще классно без рекламы, но вебмастер получается без дохода тогда.

    Ответить


    Вячеслав

    Виктор, не вся реклама напрягает! Если правильно настроить ее, чтобы не резала глаза, то получится очень комфортно и аккуратно!

    Ответить

  10. Vlad

    Александр,

    у вас там теги в примере местами махнуть надо

    короткий код

    Ответить

  11. asbseo

    Vlad, что махнуть надо? 

    Ответить

  12. asbseo

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

    Ответить

  13. Нина

    Спасибо Александр за статью! Кстати не могу понять — то ответы на комментарии не приходили на почту, а теперь обновления на новые статьи перестали приходить, раньше наоборот было.

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

    Ответить


    Александр Бобрин

    Нина, с почтой gmail видимо проблемы. На другие почты вроде приходит все. Ну ответ должен быть!

    Ответить

  14. Али

    А я считаю, что реклама в постах — самый лучший вариант!!!

    Скоро все подправлю у себя и буду вставлять в постах!

    А так, даже Дмитрий (Ктонановенького) ратует за то, то в постах — контекст лучше работает!

    Ответить

  15. Ольга

    Александр, спасибо за интересный, а самое главное полезный пост!

    Ответить

  16. Виталий

    Спасибо, возьму на заметку. Когда блог дорастет до РСЯ то буду учится, экспериментировать 🙂

    Ответить

  17. Александр (AKart)

    Можно плагин поставить, AdManager, и как угодно с помощью шорткодов группировать объявления, создавать ротаторы объявлений и т.д.

    Ответить


    Александр Бобрин

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

    Ответить

  18. Татьяна

    У яндекс-директа ЦОП Profit Partner я получила другой тип кода. При вставке его в functions.php сайт ломается. ПОМОГИТЕ!!!

    Привожу его:

    (function (w, d, n, s, t) {

    w[n] = w[n] || [];

    w[n].push (function () {

    Ya.Direct.insertInto (88268, «yandex_ad», {

    site_charset: «utf-8»,

    ad_format: «direct»,

    font_size: 1,

    type: «horizontal»,

    limit: 1,

    title_font_size: 3,

    site_bg_color: «FFFFFF»,

    title_color: «0000CC»,

    url_color: «006600»,

    all_color: «4F4F4F»,

    text_color: «000000»,

    hover_color: «0066FF»

    });

    });

    t = d.documentElement.firstChild;

    s = d.createElement («script»);

    s.type = «text/javascript»;

    s.src = «http://an.yandex.ru/system/context.js»;

    s.setAttribute («async», «true»);

    t.insertBefore (s, t.firstChild);

    })(window, document, «yandex_context_callbacks»);

    Ответить


    Андрей

    Здесь вроде скобки нужно экранировать.

    Ответить

  19. asbseo

    Татьяна, вот здесь: http://asbseo.ru/zarabotok-v-seti/uvelichivaem-doxod-kontekstnoj-reklamy.html

    я написал отличное руководство по коду. 

    Вы возьмите мой код (из этой стать) и пропишите в нем свои данные (тип кода, цвет ссылок и т.п.) и все будет работать!  😉

    Ответить

  20. Константин

    Хм, раньше вроде в WordPress такого не было, я о add_shortcode. Хотя эта фишка и появилась с версии 2.5, но узнал о ней только сейчас. Спасибо Александр! Дополню и свою статьи о размещении рекламы на WP.

    Ответить

  21. Андрей

    А сколько рекламных блогов в текст лучше вставлять? В статью?

    Ответить

  22. eldarbal

    Здравствуйте. а вы не подскажите как подобное сделать на joomla?

    Ответить


    Александр Бобрин

    eldarbal, я не знаком с joomla!

    Ответить


    Андрей

    Еще один повод перейти на вордпресс.

    Ответить

  23. Оля

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

    Ответить


    Александр Бобрин

    Оля, Вам не нужно мучиться с кодами! Зайдите на профите в раздел «Инструменты» и закажите установку кода в разделе «Консультация по установке кода».

    Ответить


    Оля

    Хорошо! Спасибо за подсказку! 😉

    Ответить

  24. Татьяна

    Со вставкой кода в начале и в конце статьи все понятно. А вот между строк как то не получилось. Вот у вас написано: "Затем в статьях будем вставлять короткий код, например, такой: [yandexd] "- после чего его надо вставлять? Можно прям в самом начале файла? 

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

    Не могу найти эту надпись у себя. 

    Может вопросы покажутся смешными для профи, но я новичок, поэтому такие вопросы и возникают. 

    Read more: asbseo.ru/zarabotok-v-set...ml#ixzz2F30q3wIt

    Read more: asbseo.ru/zarabotok-v-set...ml#ixzz2F2zhCW6a

    Ответить


    Александр Бобрин

    Татьяна, если хотите самостоятельно разобраться то делайте все ОЧЕНЬ внимательно, тогда все получится. Прочитайте пост еще раз, это не философия, это урок!!!

    [yandexd] можно вставить абсолютно в любом месте про публикации поста в редакторе HTML.

    Ответить

  25. Владимир

    Да, и еще, поставьте себе адд-он «Firebug» для браузера (я использую для Firefox) и тогда гораздо легче будет, с его помощью, разобраться с тем, куда, что и как лучше вставить в код .

    Ответить

  26. andrew87

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

    Ответить


    Андрей

    Так вставьте код перед соц кнопками в общем файле (single.php если не ошибаюсь, а то давно уже не копался в файлах)))

    Ответить

  27. Максим

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

    Ответить


    Александр Бобрин

    Максим, не знаю. Я вывожу на страницах при помощи вставки обычного кода РСЯ.

    Ответить

  28. Вячеслав

    Все! Теперь осталось вывести блог на тысячную посещаемость и заходить сюда для того, чтобы знать что и куда вставлять! Спасибо!

    Ответить

  29. Андрей

    Шорткоды очень удобный инструмент. Можно не только рекламу вставлять ими, но и сообщения какие-то выводить, а потом в одном месте можно все изменить одним махом. Удобно.

    Ответить

  30. Руслан

    Лучше мне кажеться добавить код в сенгл пшп и не мучаться потом со вставкой кодов.

    Ответить

  31. Юрий

    Жаль, что у Гугла ограничения только три блока на странице. Особенно не разгонишься.

    Ответить


    Cергей

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

    Ответить

  32. Дима

    Когда блог дорастет до РСЯ то буду учится, экспериментировать 🙂

    Ответить

  33. Лена

    Здравствуйте, в случае с Google AdSense какой код нужно вставлять в саму статью?Пробовали [google], отобразился этот же текст. И куда конкретно вставлять код в function.php?

    Ответить

  34. Дима

    Александр, а какой плагин ты используешь для вставки кодов с потсветкой?

    Ответить

  35. Артём

    Прикольные коды, пригодятся в будущем.

    Ответить

  36. Александр

    Спасибо! Позже пригодится.

    Ответить

  37. Максим

    Шорткоды очень удобный инструмент. Можно не только рекламу вставлять ими, но и сообщения какие-то выводить, а потом в одном месте можно все изменить одним махом. Удобно.

    Ответить

  38. Радмир

    Да, и еще, поставьте себе адд-он «Firebug» для браузера (я использую для Firefox) и тогда гораздо легче будет, с его помощью, разобраться с тем, куда, что и как лучше вставить в код .

    Ответить


    Денис

    в нормальных браузерах инспектор встроенный 🙂 а в ИЕ последнем даже есть возможность просмотра сайта под разными браузерами.

    Ответить

  39. Денис

    Александр, жаль не перечислил пару плагинов для этих целей.

    Ответить

  40. Сергей Черняев

    Я использую плагин Easy AdSense для вставки кода. Можно вставлять любой код контекстной рекламы

    Ответить

  41. Игорь

    Очередной раз я доволен что подписался на ваш блог.

    Спасибо.

    Ответить

  42. Александр Белый

    Довольно действенный способ для рекламных блоков. Для Adsence правда сейчас удобно использовать Баннербро. Выставлять рекламные места в любой точке статьи.

    Ответить

20 эффективных способов увеличить базу подписчиков!
Оставьте комментарий:
Ваше имя *
Ваш email *
Ваш сайт:
Ваш комментарий: