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

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

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

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

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

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

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

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

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

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

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

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

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> и чуть ниже вставьте скрипт:

Следующий шаг, поиск <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 -->. А если вы например, забыли добавить волшебную строчку, рекламный блок будет автоматически отображаться ниже заголовка статьи. Тоже хорошо.

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

Добавить комментарий

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

Решите задачку: *