レスポンシブWebデザインにてサイトを制作しています。画像などは問題なく縮小されるのですが、GoogleAdsenseなどの広告への対応に苦慮しております。広告バナーを上手く縮小させる方法はありますでしょうか？現在はスマホからも見られる300px250pxの広告を利用です。
display:noneは使いたくないので、私は広告部分のみPHPでユーザーエージェントによる振り分けをしています。
なるほど。そういう方法で対応されてるのですね。非常に参考になりました。有難うございます。phpは初心者なので勉強してみます。
強引な手法ですが、cssのtransformプロパティを使って縮小させてしまうのはどうでしょうか。テキストが小さくなってしまうので、広告として意味をなすかどうか疑問ですが。
そういう方法もあるんですね。主に画像バナーが多いのでこの手法ならばそれほど気にならないかもしれません。有難うございます。
Media QueriesとCSSを組み合わせれば、比較的柔軟に対応できると思うのですが。広告バナーがiframeとか、そういうことですか？
「PHPでユーザーエージェントによる振り分けをする」と書いた者です。トピ主さんはGoogleAdSenseと書いていますが、その場合でもMedia QueriesとCSSのみで対応できますでしょうか？
トピ主です。私も上記質問に関してお伺いもしくは情報共有したいです。レスポンシブデザインに関してはまだまだ情報が少ないので。よろしくお願いいたします。
対象が外部ドメインiframeだと、クロスドメインの制約でiframe内のCSSを変更することはできませんね。
iframeの中を操作することはできないので、やはりjsやphpなどでエージェントを見て、GoogleAdSenseの違うサイズのバナーを読みにいく感じになるのかな。
ちなみに公式フォーラムでもいくつか話題になってますが、主だった解決策はないみたいですね。www.google.com/support/forum/p/AdSense/thread?tid=6f970b2f0cde9b0a&hl=en
↑の公式フォーラムのスレからのリンクで、display:noneを使用しても良いとadSenseの人に言われたと言う人もいますが、公式に発表されていないので使いたくないですよね。リンク先は続けて貼ります。
参照URL: www.google.com/support/forum/p/AdSense/thread?tid=7a46cfad24ce616e&hl=en
みんなの回答 4 件
display:noneは使いたくないので、私は広告部分のみPHPでユーザーエージェントによる振り分けをしています。
なるほど。そういう方法で対応されてるのですね。非常に参考になりました。有難うございます。phpは初心者なので勉強してみます。
強引な手法ですが、cssのtransformプロパティを使って縮小させてしまうのはどうでしょうか。テキストが小さくなってしまうので、広告として意味をなすかどうか疑問ですが。
Media QueriesとCSSを組み合わせれば、比較的柔軟に対応できると思うのですが。広告バナーがiframeとか、そういうことですか？
関連するトピックス