2018-08-15

Textual description of firstImageUrl

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

Как вставить рекламу в середину поста Blogger
В этой статье я расскажу вам, как вставить любую рекламу, будь то блоки Google Adsense, обычный рекламный баннер или тизеры, в середину поста на вашем блоге. Этот метод будет одинаково хорошо работать в любом шаблоне (старом, нестандартном или одномиз последних шаблонов Blogger). Вы проделаете один шаг, и во всех сообщениях вашего блога встроится реклама. Реклама будет отображаться строго после первого разрыва сообщения (после ката).

В прошлом уроке вы узнали, как встроить рекламу Google Adsense в фид блога Blogger
Вы можете посмотреть на схему в неачале этого сообщения, чтобы понять, где будет примерно размещаться реклама.
Порядок действий:
  1. Откройте админ панель вашего блога Blogspot –> Тема –> изменить HTML
  2. Найдите отрезок кода <data:post.body/>, пользуясь поиском по коду CTRL + F. Имейте в виду, что этот код может встречаться от одного до четырёх раз в шаблоне Blogger. Чтобы все правильно сделать. Если код встречается один раз, то ориентируйтесь на него, а если больше, то нам нужен будет <data:post.body/>, второй по счёту.
  3. Замените найденный отрезок кода <data:post.body/> на следующий код:
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='ad-target'>
    <data:post.body/>
    </div>
    <div id='ad-content'>
    <div style='margin:15px 0;text-align:center;clear:both;'>
    ваш рекламный код
    </div>
    </div><div id='ad-target'><blockquote class='tr_bq'>
    <script type='text/javascript'>
    function insertAfter(addition,target) {
    var parent = target.parentNode;
    if (parent.lastChild == target) {
    parent.appendChild(addition);
    } else {
    parent.insertBefore(addition,target.nextSibling);
    }
    }
    var adscont = document.getElementById(&quot;ad-content&quot;);
    var target = document.getElementById(&quot;ad-target&quot;);
    var linebreak = target.getElementsByTagName(&quot;br&quot;);
    if (linebreak.length &gt; 0){
    insertAfter(adscont,linebreak[1]);
    }
    </script>
    </blockquote>
    </div></b:if><b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>
  4. Не забудьте перед заменой вышеуказанного кода, произвести изменения: вставить вместо строчки “ваш рекламный код” код вашего рекламного объявления.
  5. Часть кода, отмеченная желтым определяет величину отступа рекламного блока от основного контента. Вы можете регулировать эту величину самостоятельно.
Реклама будет отображаться в середине статьи как в десктопной, так и в мобильной версии блога.

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

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

Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML
Публикуя комментарии, вы соглашаетесь с политикой конфиденциальности