Googleアドセンス の自動広告が詰まりすぎてる?CSSで余白を調整してみた

私のブログは Googleアドセンス を利用しています。

おかげさまで何とかこのブログの維持ができております

いろいろ設定するのも大変なので、自動広告を使わせてもらっているのですが、前から気になっていたことが。

 

広告と本文が詰まりすぎていて

記事が読みにくくなってる!!(´;ω;`)

 

ちょうどこんな感じ。

 

 

モザイクかけているところが広告部分なのですが、「その周りが…」の一文が上の画像にくっつきすぎていますね。

まるで本文で広告の説明をしているかのような見栄え。

あと少し…あと数ミリだけでいいから間隔をあけたい…。

 

Googleアドセンス の設定のところを見ても、調整する方法がなかったので、苦肉の策として、表示間隔を広げたりしていたのですが、圧迫感は減ったものの、あまり見やすくなった感じはなく…。

 

ということで、何かいい方法がないかChatGPTに聞いてみました。

 

結果、提案してもらったのがコレ。

 

.adsbygoogle {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

 

この記事をアップする直前にこれをCSSに追加しました。

なので、この記事の広告の上下の間隔は若干マシになっているはず。

 

注意点

この方法は、Google が推奨するやり方ではありません。

利用される場合は、自己責任でお願いします。

ポリシー違反になっていないか、ご自身でも確認しておいてください。

 

ChatGPTからのアドバイス。

 

ちなみに、なぜか分からないのですが、この指示をCSSシートのとあるところに記載したら、その後に記載していた「吹き出し」の指示が無効になってしまいました。

記載の順番を入れ替えたら大丈夫だったのですが、なぜそうなってしまったのか分かりません…。

ということで、CSSに関しては、必要に応じバックアップをとった上でやることをおすすめします。