Вставка Adsense в тело статьи Для InstantCMS 2.X. 3 290 просмотров

Вставляем рекламный код от Adsense после N-го абзаца с помощью стандартных средств системы

Нам понадобится "Виджет HTML".

Перемещаем его в в любое место (помним только что браузер читает HTML-страничку, и видит <script> — он первым делом читает и выполняет код, а только потом продолжает читать страницу дальше).

В вкладке "Дизайн" стразу выбираем "Шаблон контейнера" значение "wrapper_plain" (что бы не применялось стилей к виджету и он был невидим).

В вкладке "Опции" в "Содержимое HTML блока" помещаем код:

 
<script type="text/javascript">
	$(document).ready(function(){
		$("p:eq(1)").after('<ins class="adsbygoogle" style="display: block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-XXXXXXXXX" data-ad-slot="XXXXXXXX"></ins>');
	});
</script>
<script src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
	$(document).ready(function(){
		(adsbygoogle = window.adsbygoogle || []).push({});
	});
</script>

Где "p:eq(1)" — после какого по счету <p> выводим рекламу

Вместо "XXXXXXXXX" вставляем свои значения "ca-pub" и "data-ad-slot".
В коде приведен код рекламного объявления типа "Нативные объявления в статье, Адаптивный"
Если хотите использовать объявления другого типа, то нужно будет поправить значения data-ad

Нажимаем сохранить.

Демо на картинке

Для списка записей

Таким же образом можно вставить рекламу и между записями в списке записей, я для этого в шаблоне вывода записей, для лучшего визуального разделения записей добавил тег <hr>, к нему и сделал привязку

 
<script type="text/javascript">
	$(document).ready(function(){
		$("hr:eq(7)").after('<ins class="adsbygoogle" style="display: block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-XXXXXXXXX" data-ad-slot="XXXXXXXX"></ins>');
	});
</script>
<script src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
	$(document).ready(function(){
		(adsbygoogle = window.adsbygoogle || []).push({});
	});
</script>

P.S. хотел оформить все отдельным виджетом, да только времени пока толком нету та и умения не те)

Автоматическая генерация содержания статьи

Стиль для списка контента

adsense реклама решение

11 комментариев

Реклама #

letsgo 6 лет назад #

Хорошее решение в плане необходимости.

Александр Витальевич 6 лет назад #

Спасибо, очень даже кстати. Однозначно плюсую.

ermakover 6 лет назад #

Я просто в main.tlp.php вставил код вверху и внизу страницы, но такое решение, конечно, лучше.
Вопрос к пользователем Adsense, поскольку на запросы они никак не реагируют.
Я долго не хотел ставить на сайт рекламу и вот решился, но объявления в Adsense никак не соответствуют тематике сайта.
Уже месяц висит реклама, показываются диваны, новостройки и т. д,, но только не по теме моего сайта.
Когда-то Adsense всё-таки будет показывать объявления по теме или лучше уходить на Яндекс-объявления?
По слухам у Яндекса и доход побольше.

al955 6 лет назад #

Это только по слухам. Мне кажется, при прочих равных условиях, адсенс поболее денежек принесет. Вообще, Адсенс, насколько я понимаю, показывает объявления не столько по теме сайта, сколько, исходя из анализа поведения пользователя, который зашел на ваш сайт. Если пользователь три дня подряд мучил поисковик запросами про диваны, то зайдя на сайт, посвященный отдыху в Таиланде, он все равно будет видеть рекламу про диваны.

То есть, совсем необязательно, что та реклама, которую видите вы, показывается и всем остальным. У всех она разная. Как то так...

al955 6 лет назад #

Зайдите с другого устройства или даже с другого браузера, в котором предварительно понабирайте в поисковике что нибудь на тему вашего сайта. И с высокой долей вероятности в течение последующих нескольких дней адсенс будет вам крутить рекламу на эту или близкую тематики.

ermakover 6 лет назад #

al955, спасибо!
Да, точно, так и есть.
Вы напомнили случай, когда некая мама написала в службу поддержки игры для мобильного, что её маленькому сыну в адсенс в игре показывается реклама фалоимитаторов. На что ей ответили - что искали в Гугле, то Вам и показывается laugh

Но я вроде диваны и квартиры не искал. Получается, что если я лично не пользуюсь Гуглом, как поисковиком, он мне показывает что считает нужным.
Надо попробовать всё-таки Яндекс Рекламу поставить для сравнения. У них, правда, процесс оформления долгий. Я документы послал три недели назад, а договор не приходит никак.

Jestik 6 лет назад #

Яндекс и Гугл обмениваются данными о пользователях, так что тематика рекламы будет совпадать

Pocus 6 лет назад #

Jestik, спасибо за хороший пример нестандартного применения стандартного виджета.
Помимо практической ценности, он побуждает к изучению редко используемых функций js и псевдо-тегов html.

Ну а для тех, кто желает что-то вставлять в тексты статей (не обязательно рекламы) с комфортом, оставлю несколько ссылок.
http://instantcms.ru/addons/adsinstant.html
http://instantcms.ru/addons/blocks-for-instantcms.html
http://instantcms.ru/addons/iminscmultiblocks.html
http://instantcms.ru/blogs/moi-dopolnenija-k-instantcms/obnovlenie-komponenta-replacement-zamena-v-kontente-bonus.html

Erwin 6 лет назад #

У меня работает, но почему то кушает именно абзац и на его место ставит реклама а не за ним

Jestik 6 лет назад #

А если вместо

Код PHP:

p:eq(1)

сделать

Код PHP:

p:eq(2)

Karbofos 3 года назад #

Комментарий удален

Вставка Adsense в тело статьи

Реклама #

letsgo 6 лет назад #

Александр Витальевич 6 лет назад #

ermakover 6 лет назад #

al955 6 лет назад #

al955 6 лет назад #

ermakover 6 лет назад #

Jestik 6 лет назад #

Pocus 6 лет назад #

Erwin 6 лет назад #

Jestik 6 лет назад #

Karbofos 3 года назад #

Еще от автора

Автоматическая генерация содержания статьи

Стиль для списка контента

Виджет именинники

InstantCMS Team

О проекте

Поддержка

Дополнения