ハイリンクス

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

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

関連記事

140325_1903
CSSのコピペ10秒でなんということでしょう!カエレバのカスタマイズCSS晒します!

Amazonや楽天、Yahoo!ショッピング(ヤフオク!)を紹介するとき、どんな …

1340848303_e94625bbfd_z
パクリコンテンツをチェックする「コピペリン」がコスパに優れている!

アフィリエイトを行っていく上でずーっと悩みのタネでもある記事のパクリ、コピペ。 …

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

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

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

Google Adsense用にカスタマイズしたブログの作成は終了・・・審査を通 …

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

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

140712_1304
アフィリエイト報酬を一括管理・チェックできる便利ツール「楽あふぃり」

毎日アフィリエイト報酬のチェックするのは楽しみの1つですよね?でもいろいろなAS …

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

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

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

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

medium_2941655917
インターネットでの画像・文章の引用と著作権法違反について考えてみる

サイトを運営するにあたって絶対にぶち当たることがあります。それが画像や文章の引用 …

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

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