Адаптивный adsense — правильная реклама adsense

Рекламные блоки adsense

Рекламные блоки adsense

Многие вебмастера используют контекстную рекламу для монетизации своих сайтов, в большинство случаев это реклама adsense (от том, как  заработать на adsense я писал в прошлой статье). Для получения прибыли, владельцу сайта необходимо  разместить рекламные блоки adsense, которые мы можем выбрать в кабинете управления объявлениями и где предлагаются различные размеры блоков adsense, но данная статья направлена на тему адаптивный блок adsense. При создании рекламного блока мы можем выбрать данный вид размера, но он идеально подходит тогда, когда код будет размещаться в блочный элемент с уже заданными параметрами высоты и ширины (даже если он тоже адаптивная).

То есть адсенс блоки будут сами подгоняться под размер блочного элемента. Но что если мы поместим рекламу в правый сайт бар с ограниченной шириной, но с неограниченной высотой? В этом случае рекламные блоки адсенс будут погоняться под данный размер, но он будет ориентироваться либо на формат (см. рисунок выше): 1) прямоугольного баннера; 2) вертикального баннера и в основном транслируется именно такой формат.

К чему это приведет? Все, что было в правой колонке вашего сайта сдвинется вниз на размер вертикального adsense блока, а это может быть от 240 до 1050 px, вообщем все ваши элементы управления и виджеты  уйдут из вида пользователя…. короче начнет хромать юзабилити сайта с вытекающими последствиями. Но выход есть))

Адаптивные рекламные adsense блоки с «ручной настройкой»

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

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

адаптивный рекламный блок адсенс

Адаптивный рекламный блок адсенс

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

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

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

    публичный идентификатор в системе google adsense

    Публичный идентификатор в системе google adsense

  • google_ad_slot — это id созданного рекламного блока адсенс:

    id созданного рекламного блока адсенс:

    id созданного рекламного блока адсенс:

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

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

Вот таким способом можно реализовать адаптивный блок adsense, но так сказать с тонкой настройкой))

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

Всем добра!))

0 ответы

Ответить

Хотите присоединиться к дискуссии?
Приглашаем поучаствовать!

Добавить комментарий