Вставка Adsense внутри статьи Blogger/Blogspot

Просмотров: 1 113

Привет, дорогие друзья! Сегодня я покажу вам несколько способов вставки блоков Google Adsense внутри статьи Blogger/Blogspot. Для того, чтобы увеличить доход с контекстной рекламы, нужно использовать различные методы вставки рекламных блоков в посты блога. Практически все способы, перечисленные ниже, легко применить у себя в блоге, я думаю справятся даже начинающие. Это по силам каждому.

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

Блоки Адсенсе внутри статьи

Вставка Adsense внутри статьи
Вставка Adsense внутри статьи Blogger/Blogspot
Этот способ хорош, если у вас ещё немного контента в блоге. Чтобы добавить код AdSense в любом месте статьи, сначала нужно создать рекламный блок и получить код объявления. Затем, после того, как вы написали свою статью и решили где будет размещаться рекламный блок, переключитесь в режим HTML, вставьте код AdSense чуть ниже выбранной вами предложения, абзаца. Готово.
Для того, чтобы объявление выровнять по центру заключите код в теги: <center> ваш рекламный код </center> Реклама будет красиво вписана в текст статьи:
Вставка Adsense внутри статьи
Реклама в статье блога

Идём далее. Следующий способ самый популярный это - вставка Adsense рекламы перед заголовком статьи (чуть ниже заголовка) или после сообщений. Ниже заголовка располагать рекламу не советую, так как это - нарушение правил Адсенсе ( у меня уже было одно предупреждение), лучше вставляйте рекламные блоки после статьи.

Вставка блока Google Adsense ниже заголовка статьи или после сообщения

Вставлять код рекламы будем в сам шаблон блога, но перед этим вам нужно немного преобразовать/изменить свой рекламный код. Простой, обычный код не примет шаблон, изменения просто не возможно будет сохранить. Нам нужно символы в коде такие < и другие, изменить на &lt;, и другие. Вот, как рекламный код должен будет выглядеть:

Разобранный рекламный код Adsense
Изменённый код Адсенсе

Преобразовать код в нужный нам можно специальным инструментом - Adsense Converter. Который я вам конечно предоставлю, чтобы он у вас был всегда под рукой. И так, создайте новую отдельную страницу в блоге, назовите её например, Adsense Converter. Переключитесь в режим HTML и вставьте такой код:

<center> <script type="text/javascript"> function convert(){ var ele1 = document.getElementById("somewhere"); var replaced; replaced = ele1.value; replaced = replaced.replace(/&/ig, "&amp;"); replaced = replaced.replace(/</ig, "<"); replaced = replaced.replace(/>/ig, ">"); replaced = replaced.replace(/"/ig, "&quot;"); replaced = replaced.replace(/±/ig, "&plusmn;"); replaced = replaced.replace(/©/ig, "&copy;"); replaced = replaced.replace(/®/ig, "&reg;"); replaced = replaced.replace(/howdy/ig, "ya'll"); ele1.value = replaced; } </script> <center> <table border="0" cellpadding="0" cellspacing="0" style="width: 500px;"><tbody> <tr> <td valign="top" width="500"><textarea cols="70" id="somewhere" rows="13" style="background: none repeat scroll 0% 0% rgb(250, 250, 250); border: 2px solid rgb(204, 204, 204);"></textarea> <left><input onclick="convert();" type="button" value="Encode" /></left></td> </tr> </tbody></table> </center> </center> </div> </div>

Опубликуйте страницу. У вас должно получиться так:

Adsense Converter
Инструмент Adsense Converter

Всё, теперь вставляете рекламный код в поле инструмента, нажимаете "Encode" и готово. Такой преобразованный код можно вставлять в шаблон блога. Идём дальше.

Чтобы наша рекламка показывалась только на внутренних страницах блога, добавляем два тега:

<b:if cond='data:blog.pageType == "item"'>
здесь, ваш разобранный код
</b:if>

Затем, заходим в панель инструментов Blogger, выбираем блог (если у вас их несколько) Темы - Изменить HTML - Форматировать шаблон - сочетание клавиш Ctrl+F. В появившееся поле вставляем <data:post.body/> нажимаем Enter. Обратите внимание, что таких строчек попадаются несколько. У меня например, их три в блоге на платформе Blogger. Обычно нужна вторая.

Если вы хотите показывать рекламный блок ниже заголовка статьи, то преобразованный код вставляйте чуть выше <data:post.body/>. Это будет выглядеть вот так красиво:

Реклама Адсенсе
Реклама ниже заголовка блога

Естественно, чтобы показывать рекламу после статьи, вставляйте преобразованный рекламный код ниже строчки <data:post.body/>. Готово. Сохраните шаблон. Объявления будут появляться автоматически, в старых постах и только что написанных. Если Вы после этого не увидите новый рекламный блок у себя в блоге, не пугайтесь. Объявление появится через несколько минут. Обычно это происходит с новым рекламным блоком, только что созданным, старый код Adsense появится сразу.

Как вставить рекламный блок  Adsense сразу после тега "<!--more-->" (далее, подробнее)

Может этот способ тоже будет полезен вам. Найдите в начале шаблона тег <head> и чуть ниже вставьте скрипт:

<script type='text/javascript'>
$(document).ready(function(){
$(&#39;a[name=&quot;more&quot;]&#39;).before($(&#39;#MBT-google-ad&#39;).html());
$(&#39;#MBT-google-ad&#39;).html(&#39;&#39;);
});
</script>

Следующий шаг, поиск <data:post.body/> и чуть ниже добавляем код:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style="display:none;">
<div id='MBT-google-ad'>
<br/>
<center>
Здесь, ваш преобразованный рекламный код
</center>
<br/>
</div>
</div> </b:if>

Сохраните шаблон.

Вставка блока Google AdSense в любом месте сообщения

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

<b:if cond='data:blog.pageType == "item"'>
<center>
Тут ваш разобранный код здесь
</center>
</b:if>

Далее, в шаблоне ищем эту строчку <data:post.body/> и заменяем её вот этим кодом:

<div expr:id='"aim1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">

<!-- Your AdSense code here -->

</div>
<div expr:id='"aim2" + data:post.id'>
<data:post.body/>
</div>
<script type="text/javascript">
var obj0=document.getElementById("aim1<data:post.id/>");
var obj1=document.getElementById("aim2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/\x3C!-- adsense --\x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>

Следующий шаг такой, меняем сточку <!-- Your AdSense code here --> вашим разобранным рекламным кодом Google AdSense. Сохраняем шаблон. Готово.

Теперь, при написании поста в режиме HTML, в том месте где вы хотите увидеть красивую рекламу, вставляем вот эту волшебную строчку <!-- adsense -->. А если вы например, забыли добавить волшебную строчку, рекламный блок будет автоматически отображаться ниже заголовка статьи. Тоже хорошо.

На этом позвольте с вами попрощаться. Желаю всего самого хорошего. Пока, пока.


6 комментариев к “Вставка Adsense внутри статьи Blogger/Blogspot”

  1. Код гугл адсендс всавил все работает, но не показывает в мобильных устройствах. Не подскажите как исправить?

    Ответить
    • А у Вас стандартная блоггеровская тема установлена или пользовательская?

      Ответить
  2. стандартная, как виджет сделать чтобы на мобильном показывало знаю. Я вставил код в конце поста в ШТМЛ редакторе и как теперь сделать именно его чтобы показывал на мобильном не знаю

    Ответить
  3. Добрый день. С Новым годом. Установил код внутри страницы. Не работает. Не подскажеш, что делать?

    Ответить

Оставьте комментарий