Skip to main content

RailsでGoogle Adsenseのレスポンシブ広告を表示するやり方

Railsで幅固定の広告からレスポンシブ広告に設定を変えようと思った
そしたら、色々ハマったのでその備忘録


・広告がそもそも表示されない
普通にタグを貼るだけだと広告がそもそも表示されない

コピペしたコードの中でjsの箇所だけヘッダに追加する

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

http://blog.codebase.co.jp/google-adsense-with-turbolinks

 

・広告が飛び出る
divタグで幅を指定してラップしてるのに広告がなぜか飛び出る
調べたところ全画面表示のオプションがあるのでこれをfalseにしましょう

data-full-width-responsive="false"

https://support.google.com/adsense/thread/12606788?hl=ja

 

・広告のレスポンシブル対応
幅を指定する方法はgoogle公式のドキュメントがあるのでこれを推奨
https://support.google.com/adsense/answer/9183363?hl=ja&ref_topic=9183242

ついでによく使われるサイズはこちらなので、これみてサイズ決めましょう
https://support.google.com/google-ads/answer/7031480

 

こうして広告のレスポンシブ対応ができましたとさ
まだまだ続くよ

関連記事:

Pocket