【スポンサーリンク】ダブルレクタングルの実装についてです。Adsenseの「レクタングル(大)」を、横に並べる表示方法です。こんな感じ今回は、PCはダブルレクタングル、モバイル表示時はレクタングル1つにする表示方法を、CSSのみで作ったのでご紹介します。PCとスマホで表示数を変えるのか?どんな表示になるの?作り方Adsenseの追加CSSの設定あとがきなぜPCとスマホで表示数を変えるのか?今回作成したものは、PCは2つ、スマホは1つと数を変えています。これはレスポンシブ表示に設定している場合、モバイル向け表示のときに、画面上に2つ広告が表示されるのはポリシー違反とのこと。表示状態に応じて、広告の表示数を変える設計にしました。どんな表示になるの?・ダブルレクタングルのとき(PC表示)・シングルレクタングルのとき(モバイル表示)作り方では作り方です。Adsenseの追加まず記事下に、Adsenseを貼り付けていきます。Filterを導入しているので、元々あるコメント(のところ)を移動させていますが、使っていない方は、コピーしてきたまま貼り付けでOKです。</div></div>Adsenseコードの貼り付け以外での要点は、こんな感じです。class="double-rect-ads2">」でくくる「スポンサーリンク」については、ご自由にどうぞ。pタグなどで、この文言だけくくって、単独にしておくとよいですね。続いてCSSの設定です。}}CSSの要点はこちら。広告の左右に5pxマージンを取って間隔を少し開けてます。floatで、2つ横並びにするようにしています。750px)」で、広告を1つにする幅を調整しています。使用するサイトに合わせて「max-width」のpx値を変更してください。項番3の幅より小さくなったら、広告を1つ非表示にし、残った広告が記事中央に来るようにしています。あとがき実はコレを作ったくせに導入していません。lisz-worksスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。