弊社の運営しているメディアサイトでインフィード広告を新たに設置してみたのですが、
広告が表示される予定の場所が空白になる現象が発生。

PICK UPのスライダーに流れる記事に混ざって、
広告が表示される予定なのに真っ白…!!
原因をつきとめるべく検証画面を確認したところ、
以下のエラーが表示されていました。
TagError: adsbygoogle.push() error: Fluid responsive ads must be at least 250px wide: availableWidth=0
つまり、250pxは最低担保されていないと広告が表示できないよ〜というエラーのようです。
お、おかしい…
表示予定の場所は横幅が400pxになっているのに…!
ということで色々と調べてみました。
とりあえず insタグに最小幅を記述してみた
とにかく最小幅を250pxに指定してしまえば画像が表示されるのでは?と思ったので、
広告が表示されるinsタグに直接min-widthの記述を追加。
CSSでの記述だと不安だったためインラインにて直接記述してみました。
うまくいくかなぁと不安になりつつ挙動を確認…!
結果は…

ちっさい…!!!!
違う…そうじゃないよ…!
空白が有り余っているのに左端にちょんと表示される広告。
思ってた挙動と違う結果になったので再度調整することに…。
結局はこれで大方なおりました
よくよく調べてみると親divに横幅指定がなかったので、
width = 100% の記述を追記してみることに。
heightが指定されているからつけてなかったけど、
widthついてないとたまに挙動がおかしくなることありますよね…!
ということで新たにinsタグを囲ってる親divにwidth=100%をつけたところ…

表示された…!
(それにしても広告が馴染みすぎてる…!)
現状、こちらの対応でエラーを回避することができました。
でも表示されない時が偶にあるので別の原因もある模様。
そちらについては検証画面からエラーがでていないので分かり次第対応予定です。
ちなみにinsタグは文章などの情報が追加した時に使用できるタグになり、クローラーなどに情報を追加したことを知らせることができます。
まとめ
インフィード広告が非表示になっており、
TagError: adsbygoogle.push() error: Fluid responsive ads must be at least 250px wide: availableWidth=0
が表示されている場合は、insタグなどが250px以下になっていることがある。
なのでちゃんと横幅が250以上になるよう指定が必要なこと。
こちらは親タグにつけるだけでも修正できることがわかりました。
なにかのお役に立てれば幸いです…!