amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} /* Inline styles */ p.acss346a5{padding-left:30px;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}
Categories: Поисковики

Как поставить рядом блоки рекламы AdSense

Реклама AdSense – самый известный заработок на сайте. Он походит для всех проектов, независимо от возраста и посещаемости. Единственное требование – это качество. Для того чтобы зарабатывать с этим сервисом много денег, есть целый список советов, которые можно применить на любом сайте. Но главное – это красивое расположение нескольких рекламных блоков AdSense.

Если вы получите коды от рекламы AdSense и попытайтесь расположить их на сайте рядом, то они будут вертикальными, то есть, другом под другом. Но это не всегда соответствует идее вебмастера, и чаще всего нужно поставить их рядом – горизонтально.

В данной статье, мы расскажем, как расположить рекламу AdSense горизонтально в любом месте сайта.

Делаем блоки div

Есть два способа поставить блоки рекламы AdSense рядом и оба они связанны с созданием специального кода. Вообще, установка рекламы на сайт всегда связана с кодом. Поэтому пугать это вас не должно.

Первый способ установки рекламы AdSense заключается в создание блоков div. Делается это кодом следующей конструкции:

<div style=”float:left”>

код первого блока рекламы

</div>

<div style=”float:right”>

код второго блока рекламы

</div>

В нужное место вставляются коды рекламы AdSense. style=”float:left” обозначает ориентацию блока на сайте – в первой случае налево, во втором – направо.

Этот способ даёт возможность добавить две рекламы AdSense горизонтально. Но можно попробовать и три. Тогда код будет таким:

<div style=”float:left”>

код первого блока рекламы

</div>

<div style=”float:center”>

код второго блока рекламы

</div>

<div style=”float:right”>

код третьего блока рекламы

</div>

Как видно в примере, добавляется ещё один блок div, который с помощью float ориентируется по центру. А остальные два слева и справа.

Делаем HTML таблицу

Второй способ расположения рекламы AdSense заключается в создании таблицы HTML. И также можно поставить как два, так и три блока. Делается это с помощью кода следующей конструкции:

<table border=”0″>

<tbody>

<tr>

<td width=”50%” >

код первого блока рекламы

</td>

<td width=”50%” >

код второго блока рекламы

</td>

</tr>

</tbody></table>

Здесь аналогично нужно поставить код рекламы AdSense в нужное место. Тег <td width=”50%” > обозначает, что блок займёт в ширину 50% отведённого пространства. А вторая половина будет отдана по второй блок.

Чтобы сделать такую рекламы AdSense с тремя блоками, нужно уделить для каждого по 33% и создать дополнительную графу таблицы HTML. Делается так:

<table border=”0″>

<tbody>

<tr>

<td width=”33%” >

код первого блока рекламы

</td>

<td width=”33%” >

код второго блока рекламы

</td>

<td width=”33%” >

код третьего блока рекламы

</td>

</tr>

</tbody></table>

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

Адель Гадельшин

Recent Posts

Что такое отказы на сайте, почему они происходят, как их уменьшить

Отказы на сайте - это процент посетителей, которые покидают сайт после просмотра только одной страницы.…

7 месяцев ago

Как сделать запуск инфопродукта

Инфопродукт - это любой продукт, который содержит информацию, полезную для потенциальных клиентов. Это может быть…

8 месяцев ago

Как вебмастеру юридически обезопасить себя

Ведение сайта - это не только подержание его работоспособности и наполнение контентом. В последние годы…

8 месяцев ago

Папки WordPress: значение папок /wp-admin, /wp-includes и /wp-content

WordPress - это популярная система управления контентом (CMS), которая позволяет создавать и управлять веб-сайтами различной…

8 месяцев ago

Что такое сертификат Let’s Encrypt и стоит ли его устанавливать

Сертификат Let’s Encrypt - это бесплатный и открытый сертификат SSL/TLS, который позволяет защитить веб-сайт от…

8 месяцев ago

Защита WordPress от вирусов

WordPress - это одна из самых популярных систем управления контентом в мире, которая используется миллионами…

9 месяцев ago