ブログをお引越ししました

まだまだ改築中なのですが・・・
ブログをお引越ししました。

アイラのアフィリエイトロード

これに伴い、本ブログはいずれ、無くなる予定ですが、
いつ頃なのかは未定です(汗)

今後とも、どうぞ宜しくお願い致します♪

アフィリエイトで稼ぎたい方限定!!

↑詳細はこちら↑

※今なら無料プレゼント付き!

Googleアドセンスのレスポンシブ化とサイズのカスタマイズ方法

初心者でも稼ぎやすいアフィリエイト手法といったら
Googleアドセンスを使ったアフィリエイトですよね。

アイラもトレンドアフィリエイトでブログにGoogleアドセンスを
貼り付けてるわけですが・・・。

最近スマホの普及に伴って、レスポンシブ対応の無料ブログだったり
WordPressのテンプレートが流行ってるでしょ?

でも、通常のGoogleアドセンスを貼り付けてると
スマホ表示されたときに、画面飛び出しちゃってたり
スマホに合わせたGoogleアドセンスを使うとパソコンで見たら
広告が小さくなっちゃったり、不便に感じた事ないですか?

それを一気に解決する方法、実は、あるんです!!

Googleアドセンスをレスポンシブ化しよう

[icon image=”finger1-r”]まずGoogleアドセンスのページを開き、上部メニューの広告の設定から
    「新しい広告ユニット」ボタンを押します。

Googleアドセンスのレスポンシブ化

[icon image=”finger1-r”]広告の名前を入力しましょう。
    また広告サイズから「表示中」と記載のある右横の欄をクリック!

Googleアドセンスのレスポンシブ化

[icon image=”finger1-r”]表示されたリストの中から「レスポンシブ」を選択します。

Googleアドセンスのレスポンシブ化

[icon image=”finger1-r”]テキスト広告のスタイルから好きな広告タイプを選択しましょう。
    デフォルトのままでも問題はありません。

Googleアドセンスのレスポンシブ化

[icon image=”finger1-r”]画面の最下部にある「保存してコードを取得」ボタンを押します。

Googleアドセンスのレスポンシブ化

[icon image=”finger1-r”]表示されたコードをすべてコピーして、テキストファイルなどに保存しておきましょう。
    ※後からでもコードの取得は可能です。

Googleアドセンスのレスポンシブ化

これでレスポンシブ対応はされました。
 
ですが、実はもっとカスタマイズする方法があるんです!!
 
カスタマイズする方法は4種類、それぞれのカスタマイズを紹介します。
 

Googleアドセンスをレスポンシブ化しよう

 
先ほど表示したコードの「data-ad-format=”auto”」と記載がありますよね。
この「auto」を変更するだけで広告の表示タイプを簡単に変える事ができます。
Googleアドセンスのレスポンシブ化
 
[deco_bg image=”postit1″ width=”400″]

  • auto ⇒ 自動
  • rectangle ⇒ レクタングル
  • vertical ⇒ 縦長
  • horizontal ⇒ 横長
  • [/deco_bg]

    autoの場合

    パソコンで表示された場合
    Googleアドセンスのレスポンシブ化

    スマホで表示された場合
    Googleアドセンスのレスポンシブ化

    rectangleの場合

    パソコンで表示された場合
    Googleアドセンスのレスポンシブ化

    スマホで表示された場合
    Googleアドセンスのレスポンシブ化

    verticalの場合

    パソコンで表示された場合
    Googleアドセンスのレスポンシブ化

    スマホで表示された場合
    Googleアドセンスのレスポンシブ化

    horizontalの場合

    パソコンで表示された場合
    Googleアドセンスのレスポンシブ化

    スマホで表示された場合
    Googleアドセンスのレスポンシブ化

    トレンドブログではレクタングルをオススメしている方も多いのですが
    テンプレートの問題や、無料ブログの構造上、Googleアドセンスが
    スマホから見ると枠外に表示されてしまう場合があります。

    広告がはみ出した状態で記事を読んでいると、やっぱり違和感を感じてしまうので
    レスポンシブ対応のサイトやブログをお使いの場合は
    Googleアドセンスもレスポンシブ化しておいたほうが良いでしょう。

    上記の方法でコード取得やカスタマイズをすれば、自動でサイズ調整をしてくれるので
    すごく便利ですよ。

    記事がお役に立ちましたら、応援クリックをお願いします!

    記事を友達にシェアしよう!

    コメントを残す

    メールアドレスが公開されることはありません。 * が付いている欄は必須項目です