ジプシージャズ入門

ジプシージャズやドイツでの育児について

はてなブログでアドセンスの広告を2列表示する方法!

Sponsored Link

はてなブログでアドセンスの広告を2列表示する方法

こんにちは。

ブログを始めて4ヶ月ほどが経ち、もうちょっとで90記事に到達する記念に、最近はブログのカスタマイズをやっている今日この頃です。

以前から、グーグルアドセンス の広告を2列表示にしたかったのですが、私が使っているInnocentでは、何故だかできなかったんです。(やり方が分からなかったんです)

ここ最近も、いろいろなブログを見て、2列表示のCSSをコピペで試したんですが、全滅で、ちょっと投げやりになったところ、あることを試して見たら、簡単にできたのでご紹介します。

目次

 

広告2列表示とは?

はてなブログでアドセンスの広告を2列表示する方法

こんな感じのやつです。<上記画像では、会社名を消して、「これは写真です」と加工していますが、このページの下に行けば実物が見れます>

色々なサイトをチェックすると、大体table tabを使っているのですが、何故だか私のブログ(Innocent)では、反映されないんです。

ということで、私が試したのは、単純に2つの広告を並べただけです。

はてなブログでアドセンスの広告を2列表示する方法

<私はデザイン設定の記事下にこれを入れています>

f:id:neyukix:20181028223646p:plain

2つ目の広告のadsbygooleの後に none-mobileを付け加えたので、モバイルで見るときは広告は1つしか表示されません。

また、レスポンシブ広告を使うと、広告が上下に2つ表示され見にくかったので、250x250の広告を2つアドセンスで作りました。

使い始めて1ヶ月弱たちますが、特に問題は全然ありません。

 スクリプト

 <p style="text-align: center;"><span style="font-size: 85%;">Sponsored Link</span><br />
1つ目のアドセンスの広告スクリプトをここにコピペ
2つ目のアドセンスの広告スクリプトをここにコピペ
</p>

 

スクリプトはこれだけです。

なんでこれを思いつかなかったのか、不思議なんですが、単純に2つの広告コードを並べたら、全てが上手くいきました。

みなさんも他の方法でうまくいかない場合は、こちらを試してみてください。

<こちらの<はてなブログ>トップページにアドセンスのインフィード広告を入れる方法 も一緒にどうぞ>