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

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

Фактически, продолжаю прошлую статью Следим за кликами AdSense в Google Analytics. Теперь сможете вручную "без геморроя" вставлять нужный блок рекламы в произвольное место статьи.

Вставить вручную произвольный код (в том числе рекламы Google и Yandex) в центр статьи можно при помощи моего плагина AdsPlace'r. НУ а создавать с легкостью шорткоды можно при помощи плагина sCode.

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

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

Итак. Нам понадобится файл 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 разных блока рекламы. Сами функции назвал для удобства по размерам и расположению блоков.

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

кнопки форматирования в панели

Клик для увеличения

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

Кстати, почему то у меня довольно часто выводит рекламу аксессуаров и гаджетов от http://promate-rus.com/, хотя в самом поисковике я никогда не искал подобный товар.

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

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

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

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;"

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

Привет. Меня зовут Виталик и я автор этого блога, а так же Магазина WordPress https://wp-r.ru/.

Отблагодарить Z888279575784 R109400923968 или ЯД 41001651742138

Оказываю услуги по созданию и настройке сайтов на WordPress (верстка, натяжка).

Мои Контакты. Я в Twitter @mojWP. Смотри на Youtube. Читай RSS блога.

Опубликовано 3 комментария
  1. Андрей (129 комм.):
    http://zarobitok.ru/

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

    • Виталий (1674 комм.):
      http://mojWP.ru/

      Конечно знакомый. Это WordPress))
      По ссылке: будет, если изначально ссылка стоит в теге a. Шорткод не прячет, а просто позволяет выводить повторяющуюся информацию в удобном варианте.

  2. Андрей (129 комм.):
    http://zarobitok.ru/

    Виталий с Днем рождения, всего наилучшего, крепкого здоровья успехов. чтобы Вас всегда прикладывало ФСБ Финансы - секс - благополучие;)

Не держи в себе. Выскажись.

Ваш e-mail не будет опубликован. Обязательные поля помечены *

© 2011-2016 | mojwp.ru | Копирование материала разрешено только с письменного согласия
WordPress: 13.09MB | MySQL:64 | 0,628sec
Премиальные плагины для CMS WordPress
Магазин WordPress WP-R.ru
Спасибо, не показывайте мне эту штуку больше!
Смотри мои обучающие видео на YouTube
Иван только что купил плагин ELT
https://wp-r.ru/plaginy/elt.html