Привет, дорогие друзья! Сегодня я покажу вам несколько способов вставки блоков Google Adsense внутри статьи Blogger/Blogspot. Для того, чтобы увеличить доход с контекстной рекламы, нужно использовать различные методы вставки рекламных блоков в посты блога. Практически все способы, перечисленные ниже, легко применить у себя в блоге, я думаю справятся даже начинающие. Это по силам каждому.
Самый простой способ вставки рекламного блока в тело сообщения, это сделать в ручную.
Блоки Адсенсе внутри статьи
Идём далее. Следующий способ самый популярный это — вставка Adsense рекламы перед заголовком статьи (чуть ниже заголовка) или после сообщений. Ниже заголовка располагать рекламу не советую, так как это — нарушение правил Адсенсе ( у меня уже было одно предупреждение), лучше вставляйте рекламные блоки после статьи.
Вставка блока Google 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, "&"); replaced = replaced.replace(/</ig, "<"); replaced = replaced.replace(/>/ig, ">"); replaced = replaced.replace(/"/ig, """); replaced = replaced.replace(/±/ig, "±"); replaced = replaced.replace(/©/ig, "©"); replaced = replaced.replace(/®/ig, "®"); 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>Опубликуйте страницу. У вас должно получиться так:
Всё, теперь вставляете рекламный код в поле инструмента, нажимаете «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(){
$('a[name="more"]').before($('#MBT-google-ad').html());
$('#MBT-google-ad').html('');
});
</script> Следующий шаг, поиск <data:post.body/> и чуть ниже добавляем код:
<b:if cond=’data:blog.pageType == "item"’>
<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 —>. А если вы например, забыли добавить волшебную строчку, рекламный блок будет автоматически отображаться ниже заголовка статьи. Тоже хорошо.
На этом позвольте с вами попрощаться. Желаю всего самого хорошего. Пока, пока.
Код гугл адсендс всавил все работает, но не показывает в мобильных устройствах. Не подскажите как исправить?
А у Вас стандартная блоггеровская тема установлена или пользовательская?
стандартная, как виджет сделать чтобы на мобильном показывало знаю. Я вставил код в конце поста в ШТМЛ редакторе и как теперь сделать именно его чтобы показывал на мобильном не знаю
Добрый день. С Новым годом. Установил код внутри страницы. Не работает. Не подскажеш, что делать?
Изменённый код вставляли? 🙂
пробовал не получилось, может у буржуев что не так — буду разбираться. Спасибо..