ハイリンクス

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

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

関連記事

140310_2102
【暴露】アドセンス収益が「2倍」に急上昇した広告配置…晒します!

当サイトではGoogle AdSenseは一切使用しておらず、別のサイトでアドセ …

131110_2301
プラグインなしでmoreタグ部分にアドセンス広告を挿入する方法

Google AdSenseの配置でクリックされやすい効果的な配置場所として「記 …

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

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

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

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

140419_1704
WordPressで記事ごとに広告表示・サイズを切り替える方法

前回コチラの記事で WordPressでカテゴリーごとに広告表示を切り替える条件 …

140206_1802
超話題のスマホ専用アフィリエイト広告 nend(ネンド)を試してみた!コレは来る!

スマートフォンがこれでもか!と普及し始めて、スマホファーストと言ってもいいくらい …

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

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

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

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

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

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

131110_2301
Google Adsenseの審査を通過する3つのポイント

Adsenseアカウントの取得は「フツー」のブログを書いていれば全く問題なく取得 …