Google Adsense

少し前にこんな記事 Google AdSenseをwp_is_mobile関数を使ってPCとモバイルで切り替えた際の覚書き を書いていたのですが、この記事では、文中にあるAdsenseをどうしようかなぁなんて呑気な感じで書いていて結局、CSSでごにょごにょしていただけで終わっていました。

あれから、1ヶ月もたたないうちに、Google Adsenseがレスポンシブデザインに対応していたようで、少し前にこのことを知り早速実装してみました。

レスポンシブデザイン対応を知ったのは、こちらの記事

Google Adsenseをレスポンシブに!!

今回は、文中にあるものだけをこの方法で実装しています。

実装!!

現在のAdsenseサイズは、468x60を使用しています。

iPhoneなどのモバイル端末の大きさ(400以下)になると、Adsense(300x250)に切り替わるようにしました。

これで完成!

横長バナータイプではなく、スクエアタイプのモノに変わっているのが確認できました。

scope2

とっても簡単設置です。

ただ、上記の参考サイトにも書かれているとおり、レスポンシブデザインに対応とありますが、動的にサイズを変更してくれるわけではないようです。

試してみましたが、やはりポートレート表示からランドスケープにしてもリアルタイムでアドスロットの変更は出来ていませんでした。残念。

ですが、私みたいにプラグインを使用している方や、ショートコードを使って出力している方には少しの手間で出来てしまうこの対応はとっても嬉しい出来事かと思います。

とっても便利便利になって大満足となったわけですが、ふとこういうプラグインってもうあるのでは?という疑問が。

Google AdSense for Responsive Design - GARD

ということで、前回は頭の片隅にも浮かばなかったのですが、探してみるとあるものですね。

GA

いつものようにインストールし、有効化したのち各サイズのad_slotのIDを記入し、

GA-screenshot

表示させたい場所に[GARD]とショートコードを書けばいいみたいです。

実際に使用していないので、詳細なことはわかりません。紹介と書いておいてあれですが、ごめんなさい。

ですが、気になる方はお試しあれ!!

ADVERTISEMENT

Author:

follow FacebookPage

当ブログがお気に召しましたら是非いいね!をお願いします!

Follow Me

閲覧頂きありがとうございました:)

Message

トップへ戻る