blogger.freewebmaster.info/web/Cross-Column2

25 мая 2015

Как установить код рекламного блока в шаблон Blogger в конце каждого сообщения?

Будем исходить из того, что из трёх рекламных блоков AdSense, позволяемых рекламной сетью отображаться на одно странице, два блока уже установлены. Как правило, такие блоки расположены вверху и в боковой панели блога, с помощью виджетов. Третий блок рекламы желательно разместить в теле сообщения. Как внедрить код рекламного блока в шаблон blogger, чтобы реклама отображалась в конце каждого сообщения, читайте далее...

Можно ли вставить виджет AdSense в тело сообщения Blogger?

Самым удобным и простым вариантом размещения рекламного блока в конце каждого сообщения Blogger, было бы использование виджета HTML/JavaScript. Тело сообщения представляет собой содержание виджета id='Blog1', помещённого в секцию id='main'

Виджет id='Blog1' сообщения Blogger

Допустим, код рекламного блока мы поместили в виджет id='HTML3', который расположен, как видно на изображении, сразу после виджета тела сообщения, в той же секции. Такое положение виджета нас не устраивает, так как рекламный блок выводится после всех элементов, включённых в теги b:includable, в том числе и после комментариев.

Вставить виджет внутри другого виджета между элементами b:includable нельзя, при сохранении шаблона всплывает сообщение "The widget with id "Blog1" cannot contain element: "b:widget". A widget can only contain b:includable elements" - виджет может содержать только элементы b:includable. Вставить виджет внутри тега b:includable, также нельзя, при сохранении шаблона всплывает сообщение "The widget with id HTML3 is not within a section (actual parent element is: b:includable.) Every widget should be in a section" - каждый виджет должен быть в тегах секции. Таким образом, использовать виджет HTML/JavaScript для отображения блока рекламы AdSense в конце каждого сообщения не получится.

Как вставить JavaScript код блока рекламы в шаблон Blogger в конце каждого сообщения?

Так как мы выяснили, что между элементами b:includable виджета, не может быть другого содержания, кроме самого элемента b:includable, вставить между ними код JavaScript или даже простой текст нельзя. Зато код вставить можно внутри тега b:includable. Внедряем код рекламного блока внутри элемента b:includable с id='post', непосредственно перед кодом div class='post-footer'

Как установить код рекламного блока AdSense в шаблон Blogger в конце каждого сообщения?

При сохранении шаблона может возникнуть ошибка, поэтому, присвойте атрибуту "async", JavaScript-кода AdSense, значение "async", как показано на изображении. Как вариант, можно вставить синхронный код рекламы. Теперь, рекламный блок будет отображаться в конце каждого вашего сообщения. Чтобы исключить показ блока на главной странице, необходимо установить данное условие, заключая код блока между тегами b:if
<b:if cond='data:blog.pageType == "item"'>код AdSense</b:if>

Теперь, добавьте тег переноса строк <br /> перед кодом AdSense, но, также, после открывающего тега b:if. Это позволит не ставить тег переноса в каждом сообщении, чтобы отодвинуть рекламу на интервал ниже его контента. Если тег <br /> не включить в тег b:if, это увеличит расстояние между постами на главной странице блога, что нам ненужно.


Комментариев нет:

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