実はデロッパーツールでエラーがあっても、目に見えて壊れていなければ放置するタイプなんですが、今回修正したので、記載しておきます。
“adsbygoogle.push() error: No slot size for availableWidth=0”, “name”: “TagError”, “pbr”: true |
原因として、以上の2つの場合が考えられます。
モバイルメニューは5種類
モバイルメニューの位置 | サイドバーに広告 |
---|---|
ボタンを表示しない(ミドルメニューのみ) | エラーなし |
トップメニュー | エラーなし |
ヘッダーモバイルボタン | エラー |
フッターモバイルボタン | エラー |
フッターモバイルボタン | エラー |
ヘッダー・フッターモバイルボタン | エラー |
モバイルボタンを利用しない場合はサイドバーにチェックを入れてもエラーはない
モバイルメニューからスライドインするサイドバーに広告が表示されないのは仕様です。
Cocoon公式サイト
スライドインサイドバーに広告を表示するのは、アドセンスポリシー的に怪しいのであえてCSSで非表示にしています。
モバイルボタンを選択し、サイドバーに広告を貼る手順
サイドバーへの広告はウィジェットを利用することで、モバイルボタンを設定してもエラーになりません。
設定するところ
この場合、サイドバーを非表示にしているページのサイドバー広告を非表示にすれば、エラーは出ません。
ウィジェットは、一部のページの広告の表示と非表示の設定ができます。
(例)
これにより、インデックスのページでエラーが出ています。
(例)
(例)の場合、ウィジェットで投稿ページのサイドバーに広告を入れることでエラーはなくなります。
設定するところ
ウィジェットの広告の表示設定手順(非表示の設定の場合)
保存時に403エラーが出る場合はscriptタグを取り除いて入力してみてください。
Cocoon 広告コード入力画面
scriptタグを取り除いた部分
<ins class=”adsbygoogle” style=”display:block” data-ad-client=”ca-pub-12345678991″ data-ad-slot=”123456789″ data-ad-format=”auto” data-full-width-responsive=”true”> |
この部分だけ入力すると、テーマで設定した広告は表示されますが、ウィジェットで設定した広告は表示されないか、表示されにくいと思われます。