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

+29
3.21K
Иллюстрация

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


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

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

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

В вкладке "Опции" в "Содержимое HTML блока" помещаем код:
  1.  
  2. <script type="text/javascript">
  3. $(document).ready(function(){
  4. $("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>');
  5. });
  6. </script>
  7. <script src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  8. <script>
  9. $(document).ready(function(){
  10. (adsbygoogle = window.adsbygoogle || []).push({});
  11. });
  12. </script>
  13.  
Где "p:eq(1)" — после какого по счету <p> выводим рекламу

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

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

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


Таким же образом можно вставить рекламу и между записями в списке записей, я для этого в шаблоне вывода записей, для лучшего визуального разделения записей добавил тег <hr>, к нему и сделал привязку
  1.  
  2. <script type="text/javascript">
  3. $(document).ready(function(){
  4. $("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>');
  5. });
  6. </script>
  7. <script src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  8. <script>
  9. $(document).ready(function(){
  10. (adsbygoogle = window.adsbygoogle || []).push({});
  11. });
  12. </script>
  13.  
P.S. хотел оформить все отдельным виджетом, да только времени пока толком нету та и умения не те)
+2
letsgo letsgo 6 лет назад #
Хорошее решение в плане необходимости.
+2
Александр Витальевич Александр Витальевич 6 лет назад #
Спасибо, очень даже кстати. Однозначно плюсую.
0
ermakover ermakover 6 лет назад #
Я просто в main.tlp.php вставил код вверху и внизу страницы, но такое решение, конечно, лучше.
Вопрос к пользователем Adsense, поскольку на запросы они никак не реагируют.
Я долго не хотел ставить на сайт рекламу и вот решился, но объявления в Adsense никак не соответствуют тематике сайта.
Уже месяц висит реклама, показываются диваны, новостройки и т. д,, но только не по теме моего сайта.
Когда-то Adsense всё-таки будет показывать объявления по теме или лучше уходить на Яндекс-объявления?
По слухам у Яндекса и доход побольше.
+2
al955 al955 6 лет назад #
Это только по слухам. Мне кажется, при прочих равных условиях, адсенс поболее денежек принесет. Вообще, Адсенс, насколько я понимаю, показывает объявления не столько по теме сайта, сколько, исходя из анализа поведения пользователя, который зашел на ваш сайт. Если пользователь три дня подряд мучил поисковик запросами про диваны, то зайдя на сайт, посвященный отдыху в Таиланде, он все равно будет видеть рекламу про диваны.

То есть, совсем необязательно, что та реклама, которую видите вы, показывается и всем остальным. У всех она разная. Как то так...
+1
al955 al955 6 лет назад #
Зайдите с другого устройства или даже с другого браузера, в котором предварительно понабирайте в поисковике что нибудь на тему вашего сайта. И с высокой долей вероятности в течение последующих нескольких дней адсенс будет вам крутить рекламу на эту или близкую тематики.
0
ermakover ermakover 6 лет назад #
al955, спасибо!
Да, точно, так и есть.
Вы напомнили случай, когда некая мама написала в службу поддержки игры для мобильного, что её маленькому сыну в адсенс в игре показывается реклама фалоимитаторов. На что ей ответили - что искали в Гугле, то Вам и показывается laugh
Но я вроде диваны и квартиры не искал. Получается, что если я лично не пользуюсь Гуглом, как поисковиком, он мне показывает что считает нужным.
Надо попробовать всё-таки Яндекс Рекламу поставить для сравнения. У них, правда, процесс оформления долгий. Я документы послал три недели назад, а договор не приходит никак.
0
Jestik Jestik 6 лет назад #
Яндекс и Гугл обмениваются данными о пользователях, так что тематика рекламы будет совпадать
0
Pocus 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
0
Erwin Erwin 6 лет назад #
У меня работает, но почему то кушает именно абзац и на его место ставит реклама а не за ним
+1
Jestik Jestik 6 лет назад #
А если вместо
Код PHP:
  1. p:eq(1)
сделать
Код PHP:
  1. p:eq(2)
Karbofos Karbofos 3 года назад #
Комментарий удален

Еще от автора

Автоматическая генерация содержания статьи
Создает автоматическое оглавление на основании H2, H3 в статье после первого абзаца.
Стиль для списка контента
Стиль основан на этих стилях, а именно на стиле №2. Cтудия Sitestroi дала добро для изменения и выкладывания для общего пользования.
Виджет именинники
Обновлено! Виджет выводит сегодняшних именинников. Есть функция скрытия виджета, если именинников нет.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.