現在、私はレスポンシブ Web 開発を行っています。Web サイトは完全にレスポンシブですが、iframe を使用して Web サイトに広告を含めました。一部の広告は、ランチャー広告やサイドキック バナー広告のようなものです。これらの動的広告は、iFrame が原因で期待どおりに機能しません。
例えば、
$(window).resize(function() {
$('.rad').each(function(index) {
var role = $(this).find("div").attr('role');
if($(this).hasClass('fullwidth-ad')){
if(($(this).width() >= 234)&&($(this).width() < 486)) {
if(role != 'mobile_leaderboard_ad'){
$(this).find("div").attr('role','mobile_leaderboard_ad');
$(this).find("div").attr('class','fix-bottom');
$(this).find("iframe").attr('src','/sites/all/libraries/rad/rad.php?r=mobile_lb');
}
}
else if(($(this).width() >= 486)&&($(this).width() < 610)) {
if(role != 'banner_ad'){
$(this).find("div").attr('role','banner_ad');
$(this).find("div").attr('class','banner_ad');
$(this).find("iframe").attr('src','/sites/all/libraries/rad/rad.php?r=tablet_lb');
}
}
else if($(this).width() >= 610) {
if(role != 'leaderboard_ad'){
$(this).find("div").attr('role','leaderboard_ad');
$(this).find("div").attr('class','leaderboard_ad');
$(this).find("iframe").attr('src','/sites/all/libraries/rad/rad.php?r=desktop_lb');
}
}
}
});
});
では、レスポンシブ Web デザインに広告を含めるより良いアイデアはありますか?