現在では「レスポンシブ対応のアドセンス広告を貼る方法(その2)」は、E002のランキング&ブログタイプのみの方法になっています。各ツールに対応させたアドセンス広告に!レスポンシブ対応のアドセンス広告を貼る方法(その1)レスポンシブ対応のアドセンス広告を貼る方法(その2)1.レスポンシブ対応のアドセンス広告に!パソコン・タブレット・スマホに対応させたサイト(レスポンシブ)が増えてきました。画面幅のサイズが小さなスマホなどで閲覧したときに広告が飛び出てしまうなどレイアウトが崩れてしまうことがあります。「見た目的にもなんか変・・・」ということになってしまいますよね・・・。́∀`)ノ2.レスポンシブ対応のアドセンス広告を貼る方法(その1)昔はなかったようなのですが、現在では一応レスポンシブ用の広告バナーがアドセンス側で用意されています。このレスポンシブ用のバナーコードを取得し、wordpress管理画面の「ウィジェット」で「テキスト」というウィジェットをバナーエリアに追加します。(*゚Д゚*)ェ...さすがGMO。ようにカスタムサイズを選ぶこともできます。広告コードを貼ったあと確認。タブレットサイズのディスプレイで見てみると・・・カスタムサイズは「固定サイズ」になってしまうので、上記のようにレスポンシブに対応できす縮小しません。「スマホやタブレット表示の時にはみ出してもいいからしっかりサイズを決めたい」という方はこのカスタムサイズを選択してください。3.レスポンシブ対応のアドセンス広告を貼る方法(その2)今度はスマホやタブレットなどのようにディスプレイが小さなメディアで見たときでも、きちんとバナーを縮小させる方法です。レスポンシブ用バナー以外のサイズを選択します。レクタングル」というサイズのバナーを選択し、コードを取得します。広告バナーコードを取得したら、先ほどの「方法(その1)」と同じように、wordpress管理画面の「ウィジェット」で「「テキスト」を広告バナーエリアに追加します。その「テキスト」というウィジェット内のテキストフィールドに広告バナーコードを追加します。そのときにバナー広告コードの中の「width:300px;height:250px」を削除し、googleのclassに「ad2」を追加してコードを記述してください。「width」は横幅を指定し、「height」は縦の長さを指定しています。このコードが入っていると固定サイズになってしまうので、「width:300px;height:250px」を削除しましょう。次にclassに「ad2」を追加。「adsbygoogle」の後ろに半角スペースをあけて「ad2」を追加します。下記のように記述してください。そのあと「保存」をクリック。オォォ♪((*゚゚∀゚゚*))上の方で掲載した画像のようにレスポンシブ対応になり、ディスプレイに合わせたサイズで広告が表示されます。E002のランキングとブログタイプには、アドセンス広告をレスポンシブに対応させるためのCSSが追加されています。当初のテンプレートにはアドセンス用のCSSは入っていませんでしたので、アップデートをしていない方はアップデートを行ってください。その後も(最近も)レイアウトの調整をするためにアドセンス用のCSSを調整していますので、アドセンス広告をレスポンシブに対応させたい方はE002のアップデートを行ってください。)【注意点】レスポンシブのバナーになっているかどうかの確認をパソコンのブラウザで行うときは、ブラウザのリロード(更新)を行ってください。画面サイズ(厳密に言うと、バナーが入っているDivのサイズ)を認識して、その画面サイズに合わせたバナーを表示させているようです。ブラウザを縮めてもサイズは追従しません。PSW(パーフェクトサテライトライター)をWordPressにインポートしてコンテンツSEOが出来るか実験してみた。→まずアカウントを作成してください。