Google Adsenseのレスポンシブ広告ユニットを試してみたよ(スマートサイズ編)

レスポンシブ広告ユニットに「スマートサイズ」が加わりました。Googleさん的にはこっち推奨のようです。
広告を表示可能な幅を判断して自動で表示してくれるよう。 (・∀・)スゴイネ

ただ、こやつデフォルトで使うと縦長の最大サイズを表示してくれてしまうので、ちょっといじる必要があります。

 

普通にコードを取得するとこんな感じ。(コードはGoogle公式ヘルプから)

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- レスポンシブ ホームページ -->
<ins class="adsbygoogle"
    style="display:block"
    data-ad-client="ca-pub-1234"
    data-ad-slot="5678"
    data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

 

このままだと、縦長のでっかい広告になってしまうのでちょっちいじる

<ins class="adsbygoogle"
    style="display:block;"
    data-ad-client="ca-pub-1234"
    data-ad-slot="5678"
    data-ad-format="horizontal"></ins>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

これだと横長の広告のみの表示になります。

変更箇所はこれ

data-ad-format="horizontal"

“horizontal”だと横長、”vertical”だと縦長、”rectangle”だとレクタングルが表示されます。

複数指定したい場合は

data-ad-format="rectangle, horizontal"

こんな感じでカンマ区切りにしてあげればOKです。

全部使いたい場合は”auto”ですね。

 

公式ヘルプに載ってるけどみんな読まないから困るんだろうなぁ(;´Д`)

便利ですよ。各サイトの切り替えておこうかなぁ
では。 ヾ(・д・。)マタネー♪