Как вставить рекламу внутри поста в blogger?
В Blogger вставлять рекламу можно в боковую панель с помощью гаджетов или между постами с помощью специальной настройки в меню. Но чаще всего необходимо вставлять рекламу внутри поста в начале или конце статьи.
Перво-наперво необходимо получить рекламный код в Adsense или Директе. Вставить напрямую его не получиться, шаблон blogger'а просто не сохранится.
Там нужно найти запись <b:if cond='data:blog.pageType == "item"'> - это условие, при котором открыт какой-либо пост, т.е. содержимое после этой строчки будет находится внутри поста.
В моем шаблоне текст поста выводится в блоке <div class='post-body entry-content'>, значит, чтобы добавить рекламный код перед основным текстом, нужно вставить код перед этим блоком, если после, то после.
При любых манипуляциях в шаблоне, сохраняйте его изначальный код, чтобы восстановить в случае ошибок.
Тут не обойтись без вмешательства в код шаблона.
Рекламный код нужно, так сказать, разделить на части. То, что написано между тэгами <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 |
Здесь нам понадобится номер файла, выделенный на рисунке.
Теперь чтобы вставить скрипт в шаблон необходимо сделать следующую запись:
<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>Чтобы вставить код внутри поста необходимо в шаблоне найти код, отвечающий за вывод содержимого постов. Обычно это находится внутри секции <b:includable id='post' var='post'>.
<!-- 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:if cond='data:blog.pageType == "item"'> - это условие, при котором открыт какой-либо пост, т.е. содержимое после этой строчки будет находится внутри поста.
В моем шаблоне текст поста выводится в блоке <div class='post-body entry-content'>, значит, чтобы добавить рекламный код перед основным текстом, нужно вставить код перед этим блоком, если после, то после.
При любых манипуляциях в шаблоне, сохраняйте его изначальный код, чтобы восстановить в случае ошибок.
Понравился пост? Поделись с друзьями!
Labels
blogger
Post A Comment
Комментариев нет :