-

レスポンシブWebデザインにてサイトを制作しています。画像などは問題なく縮小されるのですが、GoogleAdsenseなどの広告への対応に苦慮しております。広告バナーを上手く縮小させる方法はありますでしょうか?現在はスマホからも見られる300px250pxの広告を利用です。

みんなの回答 4 件

名無しさんの回答

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

最終更新日:2012-03-07 (4,924 views)

関連するトピックス

ページ上部に戻る