三十路!

おいさんが調べたことメモってるブログ。

1_2_1

AdSense インフィード広告の高さを固定にする方法

AdSense インフィード広告の高さを固定にする方法

一番上に挟むインフィード広告だけ高さを指定しないと、余白がひどいことになったのでメモ

インフィード広告の高さを設定する

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
 style="display:block;height:120px"
 data-ad-format="fluid"
 data-ad-layout="image-top"
 data-ad-layout-key="xxxxxxxx"
 data-ad-client="ca-pub-12345"
 data-ad-slot="123456"></ins>
<script>
 (adsbygoogle = window.adsbygoogle || []).push({});
</script>
<style>
 @media (min-width: 350px) {
 .infeed {
 height: 180px;
 }
 @media (min-width: 500px) {
 .infeed {
 height: 130px;
 }
 }
 @media (min-width: 800px) {
 .infeed {
 height: 200px;
 }
 }

</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle infeed"
 style="display:block;"
 data-ad-format="fluid"
 data-ad-layout="image-top"
 data-ad-layout-key="xxxxxxxx"
 data-ad-client="ca-pub-12345"
 data-ad-slot="123456"></ins>
<script>
 (adsbygoogle = window.adsbygoogle || []).push({});
</script>

おいさんは、モバイルは 120 px PC は 210 px に設定したよ。あ、設定したのは記事一覧上のみね。記事一覧下に入れる広告はそのままでもきっちりと表示されてたよっと。

コメント歓迎やで! (匿名可)
私はロボットありませんの左側にあるチェックマークを入れてから SEND 押してな!(スパム対策)

*

Return Top