! Запросто с WordPress - доступная ручная работа по правилам оптимального интернета
...здесь Ваша реклама.?.
Здравствуйте !
написано: — 
отредактировано: 2018-01-04
издатель:  в теме: Контент, шапка site: кодингS реплики: 16 комментариев
 
Запросто с WordPress - студия ATs media fashion Reception WordPress golden

Логичное и лёгкое добавление на сайт блоков рекламы Google AdSense и Яндекс

 

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

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


 

 

 

 

Как добавить на сайт код рекламы Google AdSense и Яндекс

 

 

 

 

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

 

 

Во-вторых, стоит определиться, каким способом будете реализовать вывод рекламы, скажем, Гугл Адсенс – при помощи множества плагинов или путём вставки кода рекламы непосредственно в скрипт сайта. ?? Я выбрал второе.

…и если вам этот способ подходит (ниже дам ещё пару оч-полезных примеров)) — давайте приступим к работе.

 

 

 

 

к оглавлению $

как добавить на сайт код контекстной рекламы Google

 

 

 

 

Первое что вам будет нужно, это получить сам рекламный код от Гугл. Ну, а если он у вас есть, то всё просто.

 

 

Немного поясню: для начала расставим код рекламы классически, то есть в сайдбарах (если это нужно), вверху и внизу перед/после всеми записями на главной странице, и вверху/внизу в категориях соответственно. Далее расставим рекламный код объявлений непосредственно в статье. Думаю, что и в статях нужно размещать контекстную рекламу недалеко отходя от классики, то есть вверху статьи и где-то снизу.

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

 

 

Значит, открываете поочерёдно документы вашей темы: index.php, category.php, у кого-то может быть post-page.php и single.php … и путём подбора наиболее правильного, на ваш взгляд, места в скриптах этих документов, вживляем полученный в Google AdSense код контекстной рекламы.

 

 

Я коротенько поясню на примере index.php, и перейдём к более симпатичному и полезному решению.

 

 

Открываем index.php и прописываем наш рекламный код так, как на картинке (если вас что-то не устроит, в смысле расположения ОБЪЯВЛЕНИЯ на сайте выше/ниже, то это вы всё поправите сами опытным путём, переставляя рекламный код в самом документе «индекс» и т.п.).

 

 

Так: код рекламы в нашем случае будет расположен вверху главной страницы сайта.

 

 

Кликните по фотке…

 

Правильное добавление рекламы на сайт от Google AdSense и Яндекс

 

 

 

 

Обратите внимание: зелёным подчёркнут div класс, свойства которого по необходимости можно будет обозначить в файле style.css, на тот случай если вам потребуется задать рекламному блоку уникальные CSS стили.

 

Код рекламы:

 

<div id="adsens"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
                <!-- михалика -->
                <ins class="adsbygoogle"
                style="display:inline-block;width:320px;height:100px"
                data-ad-client="ca-pub-6936094744444444"
                data-ad-slot="4444444444"></ins>
                <script>
                (adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
 

Ниже даю лёгенький рабочий код css, который просто добавите куда-нить в финал файла style.css

 

 

#adsens {
margin:10px 0 10px 0; /* ОТСТУПЫ ДРУГИХ ДЕТАЛЕЙ САЙТА ОТ БЛОКА ГУГЛ */
/*box-shadow: 1px 1px 7px #4A4A4A; обозначение блока, если нужно*/
}

 

Всё! Смотрите, как у вас получилось..?

 

 

Потом всю эту прописку кода Гугл рекламы точно так же повторяйте и в других файлах вашей темы — category.php (категорий) и т.п.

 

 

Ну и переходим к следующему шагу:

 

 

 

 

 

к оглавлению $

добавляем рекламу Google после тега more

 

 

 

 

В этом случае поступим несколько иначе: откроем файл functions.php и в самом его финале пропишем следующую кодовую сборку для вывода контекстной рекламы Google AdSense после тега «more»:

 

<?php
// после тега more
function adsgoolge_ssd($content) {
    $google_ads='<div id="adsens"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- WEB -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-69360944444444"
     data-ad-slot="444444444"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
    ';
    $content=preg_replace('#<span.*?id="more-(.*?)".*?></span>#','<span id="more-\1"></span></p>'.$google_ads.'<BR><p style="text-align: justify;">',$content);
    return $content;
    }
    add_filter('the_content', 'adsgoolge_ssd');

 

 

Всё это сохраняем… и проверяем на сайте…

 

 

Да, кстати, не забудьте что и этот рекламный код контекстной рекламы так же подчиняется нашим свойствам CSS, прописанным в файл стилей, ибо тоже «ЗАВЁРНУТ» в ДИВ.

 

 

Здорово! Вот как мы запросто справились с задачей монетизации нашего сайта. Но мне показалось этого как-то мало, и я предлагаю ещё вариант вживления HTML кода рекламы в блог:

 

 

 

 

к оглавлению $

как запретить вывод блока рекламы в определённых статьях — после more

 

 

 

 

 

Вот второй вариант: этим способом можно задавать статьи, в которых будет показываться реклама… То есть — запретить отображение блоков кроме исключительных статей.

 

…впрочем, вот код:

 

// новая реклама CUT
add_filter('the_content', 'adsense_added_at_more_tag');
function adsense_added_at_more_tag($text) {
if( is_single() ) :
$ads_text = '
<div class="reclamy"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- МИХАЛИКА2 -->
<ins class="adsbygoogle"
style="display:inline-block;width:320px;height:100px"
data-ad-client="ca-pub-6936094744444444"
data-ad-slot="7222704444"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
';
$pos1 = strpos($text, '<span id="more-');
$pos2 = strpos($text, '</span>', $pos1);
$text1 = substr($text, 0, $pos2+7);
$text2 = substr($text, $pos2+7);
$text = $text1 . $ads_text . $text2;
endif;
return $text;
}
// ФИН новая реклама CUT

 

 

 

Внимание! Для того, чтобы назначить статью в которой будет показываться блок рекламы, нужно поменять 4 строку кода на эту:
if ( is_single (array (1,2,3) ) ) : 

 

1, 2 и 3 — нумера постов!

 

 

 

Ну а вот приблизительный селектор css — его разовьёте самостоятельно.

 

.reclamy{margin:10px;text-align:center}

 

 

 

 

 

к оглавлению $

как добавить рекламу с помощью шорткодов

 

 

 

 

 

 

…это способ запросто справится с задачей тех блогеров, которые пишут ёмкие статьи, и им приходится дополнительно «разбавлять» свои ПОСТы рекламой.

 


Важно! …я бы мог предложить такой код, который автоматически вставляет рекламу после назначенных тегов, например, H2, H3 или H4… но он меня не особо прикалывает, ибо трудно выучится писать статьи в строго отведённых рамках, прописывая в чёткой последовательности подзаголовки статей (теги), после которых планируется реклама. Муторно это, подумал я! …и изыскал более удобный вариант, а именно, выводить рекламный код там, где вздумается админу, лёгким движением руки, с помощью широко известных шорткодов. Тем более у меня для вас есть вкусное решения вывода этих самых шорткодов, но об этом ниже.

 

 

Итак: вновь открываем наш functions.php и после установленного нами выше кода, прописываем (не забываем, перед тегом «?>») новую функцию, в которую и поместим рекламный код Google AdSense

 

//шорткод
function mihalica_context() 
{
return '<div id="adsens">ВАШ 
           РЕКЛАМНЫЙ 
 
        КОД</div>';
}    
add_shortcode ('adsense', 'mihalica_context');

 

И как только пропишете, сохраните… этот код тут же заработает, а вам останется только в нужном месте статьи вставить тег шорткода…

 

 

Теперь ещё секундочку внимания… Знаете, прописывать в каждой статье эти шорткоды, мне тоже показалось муторно… и я вздумал-с найти способ решения и этой задачи. Нашёл! …и спешу поделиться с вами. Взгляните на фото текстового редактора WordPress TinyMCE.

 

 

Google AdSense и Яндекс

 

 

 

Зелёным подчёркнуты кнопочки, кликнув по которым запросто вызываются и автоматом вставляются теги шорткодов: «приветствие» «подписаться по…» «подсветка текста»…

 

 

Красным же, кнопочки для быстрой вставки шорткода рекламы. «G» — это понятно. Я» — это реклама Яндекс Директ, о которой будет в следующих статьях.

 

 

Как эти кнопочки реализуются в редакторе WordPress, у меня подробно описано в статье Добавляем свои кнопки в визуальный редактор WordPress TinyMCE прочитав которую, вы запросто научитесь добавлять нужные вам инструменты к себе в редактор.

 

 

Думаю, не стоит и говорить, что этот полезный инструментарий кнопочек можно приспособить под разные личные нужды. Главное прочесть и выучится… А я постараюсь подбирать для вас и ещё что-то нужное и полезное… так что

 

 


подписка feedburner Online консультация по работе c сайтом на WordPress

 

 

Упреждаю резонный ваш вопрос: «а если мне когда-то потребуется убрать рекламу? …что, товарисч, придётся лазить по всем статьям и зачищать остатки этих самых шорткодов??»

 

 

Отвечаю, нет, друзья! Любой ненужный тег шорткода запросто убирается пропиской одной строки кода в файл functions.php. После чего весь «мусор» тегов убираются и можно снова реализовывать новый регламент вывода рекламы. Но об этих полезных мелочах в рубрике и метке Хаки ВидеоХаки, а ИМЕННО в статье Хак — Как избавиться от отработанных тегов шорткода

 

 


На этом занавес представления опускается…
…на рампы пыль печальная ложится…

 

 

А вот и обзорное видео:

 

 


Благодарности)) и вопросы в комментариях - помогу… в чём дюжу
А также Вы можете просто:
Нажатия на кнопочки определяют Ваше высокое гражданское сознание
Удачи в работе и творчестве..!
 ! самое читаемое:
   Включаем обслуживание gzip сжатия файлов на хостинге и в htaccess   Как исключить вывод (выборочно) поста с главной страницы сайта — регулировка в админке   Выведем последние комментарии в любом месте сайта — несколько вариантов   Создаём плагин — добавочный файл функций — my-functions.php   Как добавить ссылки на самые комментируемые по времени посты в сайдбар или на страничку   Как самостоятельно установить в Notepad++ плагин Compare   Санкции вебмастера Яндекс (фатальные ошибки) — предупреждения, или что это?..   Как добавить свой новый (второй) сайт в Яндекс Директ   Ускоряем сайт: основные кэш и gzip правила .htaccess которые нужно знать   Убираем циклическую ссылку h1 логотипа на главной странице   Как выбрать хостинг — пошаговые инструкции (обзоры 4 хостингов) — нюансы модного ssl сертифицирования   Как перевести сайт на https — сертификат ssl — шифрование   Продвижение контентом или нужно настраивать сайт — валидный код шаблона..?   YouTube закроет монетизацию для обывателя… как площадку для заработка на видеороликах
↔ перетаскивайте ленту ↔
ещё статьи по теме:

смотреть ещё статьи в теме Контент, шапка site: кодингS
меточная навигация:


Комментарии © 16 к статье: Логичное и лёгкое добавление на сайт блоков рекламы Google AdSense и Яндекс

  1. Здравствуйте Михаил, с наступившей вас весной!)
    Статья занимательная, но у меня волосы шевелятся от перспективы лазить в кодах)))
    Уже спрашивала на форумах вебмастеров, но там столько пафоса, что на мои дурацкие вопросы никто не отвечает, может вы ответите.

    Набралась у меня кое-какая посещалка, достаточная чтобы что-то зарабатывать даже в РСЯ. Туда я пошла было и обалдела от количества доков, которые надо им отправить. Я пока их даже не нашла в своих закромах и решила пока РСЯ отложить и пойти в адсенс.

    Ну зарегилась я вроде, заполнила анкету и система мне дает код, который я должна скопировать на свой сайт между тегами head и head. Далее нажать в аккаунте адсенс кнопку «код стоит на сайте» и после этого их модератор завершит мою регистрацию. А код этот — пустое рекламное объявление, которое после подтверждения модератора станет самым настоящим рекламным объявлением…

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

    Сначала я его сунула в шапку. У меня перекосило шапку и сместилась надпись так, что ее стало крайне неудобно читать. Удалила код из шапки (в смысле из того окна в шаблоне, который отвечал за вывод рекламы в шапке).

    Сунула код адсенс во второе окно, которое выводит рекламу ДО основного текста. Но оно там не появилось на сайте. Чистила куки, кэш — оно все равно не появилось.

    После статьи размещать не пробовала, потому что требование адсенс засунуть код в head.

    В-общем, Михаил, на вас вся надежда… Может вы мне объясните, что происходит?

    1. Почему гугл заставляет меня разместить пустой баннер в шапку? Я туда его совать не хочу, некрасиво.

    2. Почему этот код не работает, если я его пытаюсь разместить в другое место (например, ДО начала статьи)?

    3. Что мне делать чтобы попасть в этот чертов адсенс? Потому что в РСЯ говорят и доход ниже и модерацию можно не пройти и даже если буду проходить, то это занимает много времени и почтой надо доки им отправлять, да еще и каждый год переподписывать.

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

    что с ним (кодом) делать — ума не приложу(((

    Ответить - Елена

    • И Вас, Елена, с наступившей весной!
      У Вас слишком много вопросов, хотя те несут в себе одно и то же по смысловому посылу… А ответ прост: нужно или изучать код своего шаблона, либо иметь (хоть по Аутсорсу администратора).
      Я не сторонник всяких конструкторов и навороченных шаблонов «На все случаи жизни» всё это, как правило, НЕ работает /не скоро то время, когда будет возможно управление сайтом без знаний структуры/ — ибо без знаний (начальных хотя бы) мало что получится, априори))
      Код рекламы — это в общем-то элементарные вещи, кои необходимо знать админу! я ж не говорю Вам писать какие-то php программы…

      По делу:

      1. Почему гугл заставляет меня разместить пустой баннер в шапку? Я туда его совать не хочу, некрасиво.

      Это банальная верификация — её код можно разместить посредством EOT Описанный в статье принцип — также применителен и для обработки КОДА рекламы, например! подключение js скриптов через файл functions php И ВЕРИФИКАЦИЙ всяких: подключение JS скриптов через файл functions php, например. А потом убрать вовсе.

      2. Почему этот код не работает, если я его пытаюсь разместить в другое место (например, ДО начала статьи)?

      Ответ уже дан в первом пункте! Это не рекламный код, это верификация владельца аккаунта.

      3. Что мне делать чтобы попасть в этот чертов адсенс? Потому что в РСЯ говорят и доход ниже и модерацию можно не пройти и даже если буду проходить, то это занимает много времени и почтой надо доки им отправлять, да еще и каждый год переподписывать.

      РСЯ откровенно говоря НЕ советую (ну, если конечно, у Вас ни миллион посещалка))
      Коротко:
      создайте отдельный файл для кода рекламы; поместите эти коды add (по отдельности) в функции… и потом запрашивайте отработку этих ф. абсолютно в любом месте шаблона. Конечно, целесообразно КОД ADDs обернуть в простенький CSS. К тому же, Вы получите ясную картинку куда и как кликает посетитель… Ибо будет инфа по коду ф.
      Как ещё проще пояснить, не знаю…

      Ответить - Михаил

  2. спасибо Михаил. Очень доступно прояснили все (особенно первые два пункта). Третий конечно я не осилю, но кое-что начала соображать. вечером попробую реализовать.
    Про рекламу РСЯ — особое спасибо. Теперь даже не буду пытаться. У меня насчет него и так были сомнения, теперь не стану тратить время (у меня конечно не миллион посещалка).

    Что вы можете сказать о партнерских программах Михаил? Снижаются ли позиции после их установки на сайт (основной трафик у меня — из поиска Яндекс = 80%). остальное — гугл. не хочется терять некоторые позиции, они мне трафик дают значительный (которые уже в топ вошли).

    Ответить - Елена

    • О партнёрках? — …мало! кроме того, что нужно решать по валидности кода партнёрки и явной ф. выгоде! и только.

      Снижаются ли позиции после их установки на сайт

      Не знаю, я как-то мало это всё тестировал лично… вероятно, немного снижается… Но тут ведь вот в чём закавыка: на мой взор, лучше иметь, скажем, полтысячи посетителей — но целевых, нежели тысячу ботов и купленных товарищей, шерстящих инет… Посему — снижение позиций не ключевое значение (это, разумеется, всё индивидуально — от подхода к развитию площадки).
      Осилите! главное желание… на самом деле всё очень просто в Вашем случае! и это не просто словесная банальщина, а заявление достаточно опытного разработчика))

      Ответить - Михаил

      • спасибо Михаил! Я ботов не покупала никаких. вообще ничего не покупала, ни одной ссылки не разместила самостоятельно (и не покупала), вообще не занималась никаким продвижением (в соц. сетях тоже неактивна, не имею профиля и не имею группы для продвижения сайта). Таких посетителей можно считать целевыми? или целевые это только те, которые — покупатели?

        А вы знаете Михаил, как узнать, мой сайт посещают боты или реальные люди? Может по каким-то особым признакам они отличаются? (у меня стоит счетчик только Ливинтернет, Метрику не ставила и не планирую)

        Ответить - Елена

        • Целевые — это полезные (целесообразные) в зависимости от целей площадки…

          А вы знаете Михаил, как узнать, мой сайт посещают боты или реальные люди?

          Как сказано в Екклесиасте — знания о ботах, суета-сует)) не заморачивайтесь.

          Ответить - Михаил

          • просто вычислив ботов я бы знала сколько у меня реально посетителей на сайте. ведь ботов я не могу считать посетителями… Исходя из количества реальных посетителей можно прогнозировать доход или хотя бы спрогнозировать сколько он должен быть и если его нет, то понять, что надо что-то менять…

            Ответить - Елена

  3. Здравствуйте снова Михаил))) Со светлой Пасхой Вас! Христос воскрес!
    Может у вас есть кое-какой опыт в таком вот деле: у меня на сайте стоит плагин защиты контента от копирования (не помню сейчас как он там называется). Он же (плагин) отключает и правую кнопку мыши, чтобы (рядовой) пользователь не мог просмотреть код страницы…

    когда сайт поживет годик-полтора, планирую его снять, но пока он мне хорошую службу служит и я его не удаляю…

    так вот, кое как зарегилась в адсенс и вроде как первое объявление свое разместила (криво, косо и не там где планировала… но пока так). Правилами адсенса строжайше запрещено кликать свои объявления и я не кликаю.

    И поэтому не могу понять, может ли по нему кликнуть кто-либо, если на сайте стоит плагин защиты, ОТКЛЮЧАЮЩИЙ любые манипуляции со страницей со стороны посетителей сайта.

    Как вы думаете, этот плагин влияет на рекламные объявления или нет? В кабинете адсенс не могу проследить клики — их нет. То ли никто пока не кликал, то ли кликал, но плагин не дает кликнуть по объявлению? (реклама стоит пока только несколько часов))))) и только на одной-единственной странице))))

    Ответить - Елена

    • Здравствуйте! с Праздником.!.
      Если ссылки на сайте активные (т.е работают… при кликах) значит и реклама будет скликиваться…
      Относительно плагина сказать не могу ничего, тем более о плагине N: не сталкивался…

      Ответить - Михаил

      • да, Михаил, свои ссылки (перелинковка) в тексте скликиваются без проблем.

        наверное и реклама будет кликаться. надеюсь. подожду до первого клика)))

        Ответить - Елена

        • спасибо за консультацию)

          Ответить - Елена

          • …не за что…

            Ответить - Михаил

        • Иногда долго ждать приходится заветного первого клика на старте проекта!..
          Лучше таки проверить…

          Ответить - Михаил

          • )))) боюсь я проверить))) а ну как гугл забанит)

            Ответить - Елена

            • давайте ссылку, кликну…

              Ответить - Михаил

              • спасибо Михаил, всё работает) родственницу попросила кликнуть с её компьютера.
                спасибо за помощь и подсказки)

Поделитесь соображениями: Ваши мысли очень важны! $ правила комментирования ©

Внимание! Обязательные поля помечены *

  отныне доступен плагин: privacy-policy ©

 необходимо принять правила конфиденциальности и пользовательского соглашения
Яндекс.Метрика