Googleアドセンスで稼ぐ

Googleアドセンスのレスポンシブ広告で報酬アップ、見た目スッキリ。

少し前にこんな質問を頂きました。

[deco_bg image=”paper5″ width=”400″]

ルレアを購入してひとまずリファインスノーで
アドセンス広告を貼ろうとしているのですが、
スマホで見た時に300×250がはみ出てしまいます。

テンプレートの、幅は最大まで
広げましたがはみでます。

いまの時代スマホ用で300×250を
貼れないのは致命的ですが、
解決策はありますか?
[/deco_bg]

アドセンスの広告がはみ出してしまうのはまずい

Googleアドセンスを表示させたいけど、
スマホで自分のブログを見ると
広告がはみ出ちゃうとのこと。

やっぱりはみ出してる広告は
クリックしたいとも思わないし
見た目的にも残念ですよね。

これね、ちゃんと対応策はあるんです。

まずはあなたがブログで使っている
テンプレートをチェックしましょう。

質問された方はLUREAに付属している
リファインスノーだそうな。

これは僕がメインのブログで
利用しているものと同じですね。

で、このテンプレートはレスポンシブ対応のもの。

レスポンシブというのは
スマホなどでサイトを表示させた時に
スマホサイズでブログの見た目を
切り替えてくれる機能。

実際のスマホ画面↓
スマホレスポンシブ

ざっくりですがこんな感じです。

この機能は便利なんですが、
質問者さんのように広告がはみ出してしまうのは
ちょっとよろしくないですよね。

グーグルアドセンスのレスポンシブ広告を使おう

そこで使うのがグーグルアドセンスの
広告にあるレスポンシブデザイン対応広告。

これはあなたのブログが表示される
媒体(パソコン、スマホ、タブレット)によって
広告のサイズが自動で切り替わるというもの。

これを一緒に作っていきましょう。

グーグルアドセンス

アドセンスの「広告の設定」から
「新しい広告ユニット」をクリック。

グーグルアドセンス1

名前にはあなたがわかる広告名を入れてください。
その次の広告サイズが重要です。

「レスポンシブ」を選択してクリック。

グーグルアドセンス3

画像と同じ広告サイズが表示されていればOK。
「保存してコードを取得」をクリック。

グーグルアドセンス2

「広告コード」をコピーして
ブログの表示させたい部分へ貼り付けてください。

これで準備はOKです。

実際に見えるレスポンシブ広告をチェックしてみる

実際にスマホやタブレットで
アドセンス広告をチェックしてみましょう。

スマホやiPhoneをお持ちならそこから
自分のブログにアクセスすればOK。

でも正直面倒なので、このサイトを使いましょう。

デバイス別表示サイト

→Resposive Design Testingはこちら

このサイトはURLを入力するだけでサイズ毎の
ブログの表示を一覧でチェック出来ちゃいます。

デバイス別表示サイト2

右手にある、チェックボタンは「Device sizes」を選択。

あとはあなたのブログのURLを入力しましょう。

北っちのブログで実際にやってみると・・・

iPhone、スマホ
スマホ

タブレット
タブレット

iPad
iPad

パソコン
パソコン

サイズによって、アドセンスの広告も
はみ出さずに変更されているのがわかるかと。

おすすめのレスポンシブデザイン対応のテンプレートはどれ?

グーグルアドセンスのレスポンシブ広告は
あなたのブログテンプレートがレスポンシブ対応であることが必須。

レスポンシブ対応で使いやすいテンプレートはこれが一番。

[icon image=”arrow4m-r-r”]北っちおすすめのワードプレステンプレート

ABOUT ME
アバター
北っち
趣味や興味のあることだけで稼いで、家から出ずに毎日まったり生活中。 「趣味×ブログ」を活かした「趣味ブログアフィリエイト」の人。
ブログアフィリエイトで月10万円稼ぐために必要な準備、作業、ポイントをまとめました。 ⇒詳細はこちらから
趣味ブログのアクセス、テーマ、報酬アップに必要なことをすべて詰め込んだ教科書です。 ⇒詳細はこちらから
趣味を活かしたブログで楽しく稼ぎませんか?

「アニメが好き!」「ニコ厨で毎日ニコ動見てる」
「音楽聞いたり、ライブが好き」「ゲーム大好き。新作プレイしたい」

でも・・・好きなだけやる時間とお金がないorz

めんどくさい仕事やらバイトは楽しくない。どうせやるなら楽しいことでお金を稼ぎたい。

ほんとそれ。なのでそんな自分の好きなことで楽しくお金と時間を手に入れる方法をお届けするよ。

⇒プレゼントはこちら

◆こちらの記事もおすすめ◆