ハイリンクス

WordPressのプラグインやオススメツール・ソフト、その他実際に使ってみて「コレだ!」というものをご紹介

「記事中」のアドセンス広告をPCとスマホで切り替えるレスポンシブ対応法!

      2014/12/03

medium_302498792

何度かこのブログでアドセンス広告をデバイスごとに切り替える方法やカテゴリーごと、記事ごとに切り替える方法をご紹介させて頂いています。

ただ、どの方法に関しても「記事中」のアドセンス広告の切り替えはまったく出来なかったんですよね・・・今まではPC・スマホは同じ広告(300 x 250)だったんです。もし仮にできても上記記事にあるようにsingle.phpなどの部分編集だっただけ。

でも今回アドセンス広告をPCとスマホで切り替える方法を教えてもらいました!しかも記事中!!記事中!!!こうすることでPCでは336 x 280広告をスマホでは300 x 250広告を表示することができちゃうんです!!!

photo credit: trekkyandy via photopin cc

スポンサーリンク

アドセンス広告のレスポンシブ対応法

アドセンス管理画面 > 広告の設定 > 新しい広告ユニット

140503_0901

 

下の方に
その他 – レスポンシブ > レスポンシブ広告ユニット(ベータ版)
※もしかしたらユーザーによってはないかもしれません

140503_0902

 

モードにスマートサイズ(推奨)とアドバンス(コード変更が必要)の2つがありますが、後者を選択します。

140503_0903

 

そうすると下記のようなコードが表示されます。

xxxxxxxxxxはあなたが作成した広告名

 

こちらはスマホでの広告サイズ

 

ブラウザの横幅が500px以上だと下記の広告サイズが表示

 

ブラウザの横幅が800px以上だと下記の広告サイズが表示

 

で、上記の内容を変更しPCで336 x 280、スマホで300 x 250を表示するには・・・

こんな感じになります。数値を変更するだけでOKです。サイトの外観によってご自由に数値を変更してみてください。

 

で、結果は?

このコードを記事中に貼り付けてみます。ボクはQuick Adsenseを使用してmore tagにアドセンス広告を表示させています。

左がPCでの広告、右がスマホでの広告です。正直PCのは分かりづらいですが、しっかりと336 x 280の広告が表示されています。

140503_1003-horz

 

まとめ

いかがでしたでしょうか?

この方法を使用すれば今まで記事投稿画面から記事中に挿入していた広告サイズがついに切り替え表示できるようになりました!!

1カラムのブロブをお持ちの方はPCでは728 x 90のビッグバナーを、スマホでは320 x50のモバイルバーを切り替えることができるので便利です。しかも記事中に!

 

下記のブログを参考にさせて頂きました。ありがとうございます。

<参考元>Google AdSenseのレスポンシブ広告ユニットでスマホ表示サイズにも最適化 – はぴらき合理化幻想

 - Adsense, アフィリエイト


  • このエントリーをはてなブックマークに追加

Message

メールアドレスが公開されることはありません。

関連記事

140306_2202
アフィリエイトで大卒初任給並みの報酬を得るまでに至ったこと

ボクがアフィリエイトの存在を知ったのは2013年1月でした。それまではインターネ …

131108_2307
Google Adsense申請用Seesaaブログのカスタマイズ方法

ではでは~今回は前回取得したSeesaaブログをGoogle Adsense申請 …

medium_481267425
トレンドアフィリエイト(アドセンス)はアクセス(PV)が命!アクセスが見込めるネタを探そう!

トレンドアフィリエイトはその名前の通りトレンド(流行)に関する記事を書くことによ …

131108_2201
Seesaaブログ(無料)の開設方法

それでは無料ブログサービスの1つであるSeesaaブログの開設方法を説明していき …

credit: Gonzalo Merat via FindCC
【重要】ゼロからアフィリエイトを始める人が最低限やったほうがいいこと

アフィリエイトといえば、本業の傍らお小遣いを稼ぐというイメージがあると思います。 …

medium_2373914931
nend(ネンド)を使って1週間経った報酬報告!とアドセンスも

スマホ専用アフィリエイト広告のnend(ネンド)に登録してから1週間が経ちました …

131110_2301
Google Adsenseアカウントを取得する方法(2次審査)

それでは無事にアドセンスの1次審査を通過したということで、2次審査の方法を紹介し …

131219_2101
【カエレバ】アマゾン・楽天・ヤフーのアフィリリンクが一括作成・表示できる神ブログパーツ

カエレバはアマゾン・楽天市場・yahoo!ショッピング・ヤフオクなどのアフィリリ …

140311_2101
【Quick Adsense】各種広告をサイトのあらゆるところに挿入可能なWordPressプラグイン

Quick AdsenseはGoogle AdSense広告をサイトの記事中やサ …

medium_10874685656
楽天アフィリエイトのアカウントIDが削除される前に禁止事項は熟読すべし!

アフィリエイトをしている人で楽天アフィリエイトをやっていない人はいないんじゃない …