Делаем AdSense адаптивным

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

Кто-нибудь может придумать способ сделать что-нибудь с Adsense, чтобы он интуитивно работал с адаптивным дизайном?


mobile responsive-design adsense
person Community    schedule 20.02.2012    source источник
comment
Вы когда-нибудь находили какое-либо решение этой проблемы, когда реклама меняется при изменении размера экрана, «поскольку Google адаптируется только при загрузке страницы»?   -  person brendosthoughts    schedule 25.02.2014

Ответы (4)


arrow_upward
2
arrow_downward

Теперь у Google есть адаптивные рекламные блоки: https://support.google.com/adsense/answer/3543893< /а>

person Paolo Broccardo    schedule 07.01.2014
comment
Это, безусловно, разумный способ использовать адаптивную рекламу в рамках условий обслуживания, хотя она не меняется при изменении пользователем размера окна браузера (только при перезагрузке страницы). - person ; 08.01.2014

arrow_upward
2
arrow_downward

Я предполагаю, что под вашей учетной записью вы можете настроить несколько блоков AdSense для нескольких параметров, предлагаемых Google. Затем с помощью Javascript при загрузке страницы решите, какой рекламный блок использовать, исходя из ширины экрана и списка доступных размеров блока, и динамически вставьте соответствующий HTML-код блока AdSense:

Это должно позволить вам постепенно уменьшать ширину объявления до 120 пикселей. Не знаю, однако, о TOS, но эта техника кажется мне вполне законной.

Если, например, будет использоваться jQuery и реклама должна быть размещена сразу после заголовка главной страницы <h1>, можно сделать что-то вроде этого:

$('The HTML code for the AdSense unit goes here').insertAfter('h1');
person Petr Vostrel    schedule 29.02.2012
comment
Я думаю, что это, вероятно, лучшее решение на данный момент (хотя оно не полностью делает то, на что я надеялся). Он может работать для просмотра на разных устройствах, однако у меня есть пользователи, которым часто нравится изменять размер окна браузера, поскольку они обычно пишут код во время чтения моих статей (это то, для чего я не думаю, что это сработает). - person ; 01.03.2012
comment
Я думаю, это может быть даже так. Вы можете подписаться на событие resize браузера и удалить рекламу, когда начнется изменение размера. Используйте таймер простоя на несколько секунд и сбрасывайте его каждый раз, когда появляется событие resize. Работа таймера будет заключаться в том, чтобы убедиться, что значения установлены для нового решения. Тогда это бизнес, как прежде. Измерьте пространство, определитесь с размерами и добавьте новую рекламу фитинга. - person Petr Vostrel; 01.03.2012
comment
Интересная идея - думаю, что это против глупого TOS (люди могли спамить ресайз - хотя время простоя несколько мешает этому), но это, вероятно, лучший ответ на вопрос. - person ; 01.03.2012
comment
Жаль, что AdSense все еще застрял в 20-м веке и, похоже, вообще не распознает адаптивный дизайн... - person Petr Vostrel; 01.03.2012

arrow_upward
0
arrow_downward

Вы действительно не предоставили достаточно информации. Как вы, очевидно, знаете, «отзывчивый дизайн» может быть таким же простым, как размещение вашего контента таким образом, чтобы элементы скользили друг под другом, когда они не помещаются по горизонтали.

Таким образом, вы можете просто перемещать свой iframe AdSense по обе стороны от плавающего контента и размещать его под всем остальным, когда он не помещается на экране.

Однако, поскольку вы не предоставили ссылку или какую-либо информацию о своем сайте, я понятия не имею, приемлемо ли это для вас. Учитывая, что вы не можете изменить масштаб AdSense, не создавая себе проблем, я не вижу другого выбора, который у вас есть.

person SpliFF    schedule 29.02.2012
comment
Я знаю, что могу перемещать блок AdSense по странице, но ширина блока не позволяет создать полностью адаптивный дизайн. Моя проблема связана с мобильной шириной. - person ; 29.02.2012

arrow_upward
0
arrow_downward

Судя по вашему дополнительному ответу, проблема связана с мобильным рекламным блоком. Обратите внимание, что AdSense не будет учитывать размер веб-дисплея (например, 728x90) на мобильном устройстве, даже если он отображается при просмотре страницы в мобильном браузере.

Вместо этого вы должны использовать мобильный баннер (например, 320 x 50) на своей мобильной странице.

Позвольте мне знать, если у вас есть еще вопросы.

person sbmiller5    schedule 11.12.2012