8 февраля 2016 г.

Как вставить рекламу внутри поста в blogger?

В Blogger вставлять рекламу можно в боковую панель с помощью гаджетов или между постами с помощью специальной настройки в меню. Но чаще всего необходимо вставлять рекламу внутри поста в начале или конце статьи.
Как вставить рекламу внутри поста в blogger?
Тут не обойтись без вмешательства в код шаблона.

Перво-наперво необходимо получить рекламный код в Adsense или Директе. Вставить напрямую его не получиться, шаблон blogger'а просто не сохранится.

Рекламный код нужно, так сказать, разделить на части. То, что написано между тэгами <scritp></script> сохраняем с помощью обычного блокнота в файл с расширением .js.

Исходный код, полученный в adsense:
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- br_adapt -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-69####"
     data-ad-slot="2629981254"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
То, что выделено жирным, нужно сохранить, как file.js. И залить в Google Docs. Затем открыть этот файл в браузере на полный экран.

Просмотр скрипта в Google Drive
Просмотр скрипта в Google Drive
Здесь нам понадобится номер файла, выделенный на рисунке.

Теперь чтобы вставить скрипт в шаблон необходимо сделать следующую запись:
<script src='https://googledrive.com/host/0BwSaTmAссUCWlMVQdDQ' type='text/javascript'/>
Жирным выделен номер файла в Google Drive.

Таким образом, конечный код для вставки в шаблон blogger'а примет следующий вид:
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- br_adapt -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-69####"
     data-ad-slot="2629981254"
     data-ad-format="auto"></ins>
<script src='https://googledrive.com/host/0BwSaTmAссUCWlMVQdDQ' type='text/javascript'/>
Чтобы вставить код внутри поста необходимо в шаблоне найти код, отвечающий за вывод содержимого постов. Обычно это находится внутри секции <b:includable id='post' var='post'>.

Там нужно найти запись <b:if cond='data:blog.pageType == &quot;item&quot;'> - это условие, при котором открыт какой-либо пост, т.е. содержимое после этой строчки будет находится внутри поста.

В моем шаблоне текст поста выводится в блоке <div class='post-body entry-content'>, значит, чтобы добавить рекламный код перед основным текстом, нужно вставить код перед этим блоком, если после, то после.

При любых манипуляциях в шаблоне, сохраняйте его изначальный код, чтобы восстановить в случае ошибок.
Понравился пост? Поделись с друзьями!

И смотри дальше:

0 коммент. :

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