+7-499-703-00-44
заказать звонок
Заказать обратный звонок

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Спасибо за оставленную заявку
Ожидайте звонка

Настройка Google AdSense адаптивности

15 марта 2016 Google Adsense

Настройка Google AdSense адаптивности

Адаптивные рекламные блоки Adsense с “ручной настройкой”

Суть данного подхода в том, что мы создадим адаптивный adsense блок, но будем передавать ему максимальные размеры, которые нам необходимы, в “ручную”, а точнее с помощью javascript.

1) Создаем адаптивный рекламный блок

2) Заходим в шаблон, и находим место, где будет размещена реклама adsense и добавляем следующий код:

[php]

<div id="google-ads-1"></div>
<script type="text/javascript">
/* Получаем элемент куда будем помещать рекламный блок */
ad = document.getElementById(‘google-ads-1’);

if (ad.getBoundingClientRect().width)
adWidth = ad.getBoundingClientRect().width; // for modern browsers
else
adWidth = ad.offsetWidth; // for old IE

/* Публичный id AdSense */
google_ad_client = "ca-pub-5934311300XXXXXX";

/* ID рекламного объявления */
google_ad_slot = "58349XXXXX";

/* Варианты размеров в зависимости от экрана пользователя */
if ( adWidth >= 728 )
google_ad_size = ["728", "90"]; /* Leaderboard 728×90 */
else if ( adWidth >= 468 )
google_ad_size = ["468", "60"]; /* Banner (468 x 60) */
else if ( adWidth >= 336 )
google_ad_size = ["336", "280"]; /* Large Rectangle (336 x 280) */
else if ( adWidth >= 300 )
google_ad_size = ["300", "250"]; /* Medium Rectangle (300 x 250) */
else if ( adWidth >= 250 )
google_ad_size = ["250", "250"]; /* Square (250 x 250) */
else if ( adWidth >= 200 )
google_ad_size = ["200", "200"]; /* Small Square (200 x 200) */
else if ( adWidth >= 180 )
google_ad_size = ["180", "150"]; /* Small Rectangle (180 x 150) */
else
google_ad_size = ["125", "125"]; /* Button (125 x 125) */

document.write (
‘<ins class="adsbygoogle" style="display:inline-block;width:’
+ google_ad_size[0] + ‘px;height:’
+ google_ad_size[1] + ‘px" data-ad-client="’
+ google_ad_client + ‘" data-ad-slot="’
+ google_ad_slot + ‘"></ins>’
);

(adsbygoogle = window.adsbygoogle || []).push({});
</script>

[/php]

Некоторые пояснения:

  • <div id=”google-ads-1″></div> – именно в этот блок будет помещена реклама от адсенс;
  • google_ad_client – это публичный идентификатор в системе google adsense;
  • google_ad_slot – это id созданного рекламного блока адсенс;

Теперь воспользовавшись кодом, который был представлен выше, мы можем сами настраивать размеры рекламных блоков ограничив высоту или ширину в соответствии с нашими требованиями, таким образом мы будем уверены в том, что добавление блоки google adsense не ухудшат удобство работы с нашим сайтом.

ВНИМАНИЕ! размеры которые мы прописываем в javascript коде должны соответствовать размерам рекламных блоков адсенс предоставляемых сервисом, если же размеры не будут совпадать тогда реклама adsense не будет транслироваться!

Похожие статьи

Заказать обратный звонок

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Расчет стоимости
Введите ваше имя и телефон.
Я лично перезвоню Вам для уточнения деталей,
необходимых для расчета стоимости проекта.

Введите ваше имя *

Введите контактный телефон *

или позвоните мне по телефону
+7-499-70-300-44
Расчет стоимости
Введите ваше имя и телефон.
Я лично перезвоню Вам для обсуждения деталей,
необходимых для расчета стоимости проекта.

Введите ваше имя *

Введите контактный телефон *

Введите адрес сайта, который нуждается в продвижении *

или позвоните нам по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Расчет стоимости
Введите ваше имя и телефон.
Я лично перезвоню Вам для уточнения деталей,
необходимых для расчета стоимости проекта.

Введите ваше имя *

Введите контактный телефон *

или позвоните мне по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Хочу так же
Введите ваше имя и телефон.
Я лично перезвоню Вам для уточнения деталей.

Введите ваше имя *

Введите контактный телефон *

или позвоните мне по телефону
+7-499-70-300-44
[contact-form-7 404 "Not Found"]
Спасибо за оставленную заявку
Ожидайте звонка
Заказ СЕО продвижения
Введите ваше имя и телефон.
Я лично свяжусь с Вами для обсуждения деталей.

Введите ваше имя *

Введите контактный телефон *

Введите ваш Скайп *

Спасибо за оставленную заявку
Ожидайте звонка

Расчет стоимости
Введите ваше имя и телефон.
Я лично перезвоню Вам для уточнения деталей,
необходимых для расчета стоимости проекта.

Введите ваше имя *

Введите контактный телефон *

или позвоните мне по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Хочу так же
Введите ваше имя и телефон.
Я лично перезвоню Вам,
чтобы ответить на ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

или позвоните мне по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Начать сотрудничество
Введите ваше имя и телефон.
Я лично перезвоню Вам,
чтобы ответить на ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

или позвоните мне по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Обсудить условия
Вкратце опишите Вашу ситуацию или задайте свои вопросы, я свяжусь с вами в течении 15 минут в рабочее время
Введите контактный E-mail (используется для ответа)

Введите контактный телефон

Сообщение

Спасибо за оставленную заявку
Ожидайте звонка