Googleアドセンス

WordPressでGoogleアドセンスをレスポンシブ対応にする方法

ここ最近の世間のインターネットの利用率を考えるとスマホやタブレットからのアクセスを考えたブログ作りを意識した方が、より成功に近づきます。Googleアドセンスをメインとするトレンドブログでは、特別意識しなくてもパソコンで閲覧する分には全く問題ありません。

だけど、スマホで閲覧してみるとGoogleアドセンスで表示されている広告が画面に収まりきっていなかったりします。

以下の画像は実際に私のスマホでブログを閲覧したときの画像ですが、普通に広告を設置していると、このように広告が途中で途切れてしまいます。

Screenshot_2014-03-18-23-42-37

Googleアドセンスをレスポンシブ対応にすることで、

Screenshot_2014-03-18-23-43-15

このように画面にきっちり収まるように表示できます。当然パソコンで閲覧したときには、パソコンに適したサイズで表示されます。

Googleアドセンスをレスポンシブ対応にする方法

Googleアドセンスは規約が厳しくて有名ですが、アドセンスのレスポンシブ化については改変OKとなっています。そこで以下のようにコードを改造すればGoogleアドセンスのレスポンシブ化が可能となります。

まずこれがレクタングル(大)で取得したGoogleアドセンスのコードです。

次にスマホ表示用にレクタングル(小)のコードを用意しておきます。

取得したら以下のようにコードを改造します。

このコードをGoogleアドセンスを表示したい場所に貼り付けておけば、スマホでの閲覧時、パソコンでの閲覧時で自動的に適したサイズの広告を表示してくれます。(正確には画面サイズを見て、広告を切り替えてる形になりますね)

これからの時代はレスポンシブ対応は重要なポイントになるので、そういったユーザーも意識してブログを作っていきましょう!

 

関連記事

  1. Googleアドセンスのアカウント削除・凍結を回避する方法

  2. Googleアドセンスで稼ぐためのポイント|キーワードや広告の配置の重…

  3. google

    物販アフィリエイトでGoogleアドセンスを併用してキャッシュポイント…

  4. 【WordPress】記事前後にGoogleアドセンスを表示させるプラ…

コメント

  • コメント (0)

  • トラックバックは利用できません。

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

最強のWordPressテンプレート「賢威」

wordpress-keni

WordPressのSEO対策が気になるならWordPressテンプレートの最高峰「賢威」で間違いありません。

SAKU限定特典&レビュー

究極のサイト作成ツール「シリウス」

sirius

サイトアフィリエイトをより効率的に効果的に進めるサイト作成ツールならシリウス一択です。サイトアフィリエイトの神器みたいなものですよ!

SAKU限定特典&レビュー

アフィリエイトのバイブル「LUREA plus」

LUREA-plus

本気で稼ぐために必要なノウハウがギュッと詰め込まれた、全てのアフィリエイターのバイブルとなる教材です。 アフィリエイトの基礎からしっかりと取り組めます。 再現性も抜群です!

SAKU限定特典&レビュー

LUREA Plus関連記事
PAGE TOP