Как сделать свой шорткод для AdSense или Я.Директ

Сегодня научимся создавать самый простой шорткод для отображения блоков рекламы AdSense или Я.Директ.

Теперь сможете вручную «без геморроя» вставлять нужный блок рекламы в произвольное место статьи (а как показывает статистика — это самое удачное место).
[image src=’/wp-content/uploads/2014/10/wordpress-adsense-shortcode.jpg’ position=’center’ resize=’0′ lightbox=’0′ shadow=’6′]

Вставить вручную произвольный код (в том числе рекламы Google и Yandex) в центр статьи можно при помощи плагинов WhyDoWork AdSense и New Adman. Однако они сами подбирают место расположения блока исходя из размера статьи. Не всегда удобно, если статья длинная.

Создаем свой первый простой шорткод.

Итак. Нам понадобится файл functions.php шаблона. Делаем его резервную копию на всякий случай. Далее как обычно: после <?php переходим на новую строку и вставляем такой код:

// шорткод 1
function google_l() {
    return ' здесь код рекламы ';
}
add_shortcode('googleadsense1', 'google_l');

Вместо фразы «здесь код рекламы» подставляем код блока AdSense иди Яндекса. Опять же, можете заменить google_l (в двух местах) на произвольное: на латинице и без пробелов.

Вызывать шорткод в теме будете обычным оператором [googleadsense1] (квадратные кавычки и внутри фраза из кода выше).

У себя по проектам я сделал немного удобнее. Смотрите:

// шорткод 1
function google_300_250_l() {
    return ' здесь код рекламы ';
}
add_shortcode('googleadsense1', 'google_300_250_l');
 
// шорткод 2
function google_300_250_r() {
    return ' здесь код рекламы ';
}
add_shortcode('googleadsense2', 'google_300_250_r');
 
// шорткод 3
function google_728_90_c() {
    return ' здесь код рекламы ';
}
add_shortcode('googleadsense3', 'google_728_90_c');

Поясню суть: здесь представлены три шорткода, под 3 разных блока рекламы. Сами функции назвал для удобства по размерам и расположению блоков.

Теперь осталось вывести кнопки в панель форматирования текста, чтобы вам не пришлось запоминать все.

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

Цифры на кнопках — это размер блока, а буквы — обтекание блока текстом: L — слева, R — справа, С- центрировано.

В данном случае просто избавляемся от одного из параметров самой кнопки — закрывающего. Выглядеть строка с кнопкой будет примерно так:

QTags.addButton( 'ads300_250_l', '300*250 L', '[googleadsense1]');

 Обтекание блоков рекламы текстом

Возьмем для примера стандартный код блока AdSense:

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 300*250 верх -->
<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:250px;"
     data-ad-client="ca-pub-83350441******"
     data-ad-slot="3989189563"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Здесь есть такая строка:

style="display:inline-block;width:300px;height:250px;"

В ней прописаны стили блока. Добавим параметр обтекания слева и отступ справа, чтобы текст не налазил:

style="display:inline-block;width:300px;height:250px;float:left;margin-right:10px;"

Аналогично сделаем для второго блока, только с обтеканием справа и отступом от текста слева:

style="display:inline-block;width:300px;height:250px;float:right;margin-left:10px;"

Вроде все. Повышайте свои доходы за счет экспериментов по размещению блоков.