サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2021年8月13日 20:16
Wordpressでアドセンスが真っ白になることがあります。
以前はSimplicity2を使用してたのですが、トップページや記事に広告(ディスプレイ広告)を表示させても、ラベルのスポンサーリンクだけ出て広告が真っ白になることが多発してました。
更新すると広告が表示されることがあるのですが、もう一度更新すると再び真っ白になったりします。
広告が2つあり、1つ目が表示されて2つ目が真っ白(もしくはその逆)もよくありました。
これはPCとスマートフォン、両方で確認してます。
現在はテーマを変更してCocoonを使用してますが、トップページで広告が安定して表示されるようになったものの、今度は記事で広告が表示されなくなりました。
(PC表示のみ記事で広告が安定して表示されません)
Simplicity2の時と同じように、スポンサーリンクだけ出て真っ白になります。
ただ必ず真っ白というわけでもなく、更新すると表示されたりされなかったり、1つ目や2つ目だけ表示されたりと、安定しません。
1つ目だけ表示・2つ目真っ白で更新すると両方真っ白になったり、両方表示されたり、片方真っ白になったりというような感じです。
記事下PC表示でダブルレクタングルを新たに設置して試してみたら、左右片方だけ表示されたり両方表示されなかったり両方表示されたりとなりました。やはり安定しない。
これは広告の数を2つにしても、3つにしても変わりません。
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>のコードから解除し、 ヘッド用コードに入力しても変わりなしでした。
テーマ変更後、スマートフォンではトップページ・記事共にしっかりと表示されるようになりましたが、なぜかPCだけ記事で真っ白が多発します。
上で書いたように、Simplicity2からCocoonに変更したら少し状況が改善されてますので、テーマが原因のような気もしますが、今のところ理由ははっきりしてません。
使用してるサーバーはwpx。Wordpressバージョンは最新のWordPress 5.8。PSPバージョンはPHP7.4.13。
プラグインはAddQuicktag、Category Order and Taxonomy Terms Order、EWWW Image Optimizer、Google XML Sitemaps、SiteGuard WP Plugin、Table of Contents Plus、WebSub/PubSubHubbub、WP Multibyte Patch、WP-dTreeです。
Cocoon 設定⇒広告にアドセンスコードを設置して駄目でしたので、ウィジットから広告を設置し、そこにアドセンスコードを張り付けるパターンに変更してみましたが、こちらも駄目でした。
ただ、後者のパターンをFifeFoxの調査でしらべたところ、下記のエラーが表示されてました。
Object { message: "adsbygoogle.push() error: No slot size for availableWidth=0", stack: "N@ https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js:73:574\nYk@https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js:159:441\nXk@https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js:158:139\nfl@https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js:163:187\nym@https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js:212:503\nPm@https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js:216:108\nOm@https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js:215:637\nXm@https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js:229:332\nTm/<@https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js:224:49\nn.ia@https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js:68:804\nVe@https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js:76:106\nTm@https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js:224:31\nSm@https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js:221:71\n@https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js:240:212\nn.ia@https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js:68:779\nVe@https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js:76:106\n@https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js:238:442\n@https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js:240:315\n@https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js:242:4\ n", name: "TagError", pbr: true }
これが怪しいと思い、「No slot size for availableWidth=0」で検索して原因を調べてますが、解決しません。
原因の一つと考えたのが、カラムのコンテンツ幅を680にしてることです。
幅が足りなく広告が真っ白になってるのかと思い、ディスプレイ広告のレスポンシブをディスプレイ広告の336×280固定に広告コードを変更してみましたが、相変わらず記事のスポンサーリンクだけ出て真っ白になったり、広告が表示されたりと安定しません。
「No slot size for availableWidth=0」などで検索していくつかの解決方法を試してみたものの、いまだにパソコンだけ表示が安定しません。
【試した解決策1】
ーーアクセス解析認証のhead用コードに入力ーー
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
【試した解決策2】
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-xxxxxxxxxxxxxx"
data-ad-slot="xxxxxxxxx"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
から
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-xxxxxxxxxxxxxx"
data-ad-slot="xxxxxxxxx"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
$(document).ready(function(){(adsbygoogle = window.adsbygoogle || []).push({})});
</script>
に変更
【試した解決策3】
function b2n_required_script(){
wp_enqueue_script( 'google-adsense-js', '//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js', array(), null , true );
}
add_action('wp_enqueue_scripts','b2n_required_script');
をCocoon Child: テーマのための関数 (functions.php)に入れた
【試した解決策4】
function get_normal_adsense_responsive_code($format = DATA_AD_FORMAT_AUTO, $code = null){
//$codeに広告コードが入っている場合はそこから取得する（無い場合はテーマ設定のAdSenseコードを利用）
if (get_adsense_ids($code)) {
$data_ad_layout = null;
//フォーマットが設定されていない場合はフォーマットをコード内から取得
if ($format == 'none') {
if (preg_match('{data-ad-format="([^"]+?)"}i', $code, $m)) {
if (isset($m[1])) {
$format = $m[1];
}
}
}
//記事内広告の場合は付け加える
if ($format == DATA_AD_FORMAT_FLUID) {
$data_ad_layout = ' data-ad-layout="in-article"';
}
return
'<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- レスポンシブコード -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="'.get_adsense_data_ad_client($code).'"
data-ad-slot="'.get_adsense_data_ad_slot($code).'"'.
$data_ad_layout.'
data-ad-format="'.$format.'"></ins>
<script>
$(document).ready(function(){(adsbygoogle = window.adsbygoogle || []).push({})})
</script>';
}
//コードが設定されていない場合はそのままコードを出力する
return $code;
}
をCocoon Child: テーマのための関数 (functions.php)に入れた
これらは駄目でした。
ほかにもいくつか「No slot size for availableWidth=0」で調べて試してみましたが、駄目でした。
ためして駄目だったコードは元に状態に戻してます。
ちなみに、現在はCocoon 設定⇒広告にアドセンスコードを入力してます。
※PCのブラウザを変えたり、パソコン自体を変えても当然駄目でした。そもそもこの状態は2年くらい前から続いてます。しばらく前にCocoonにテーマを変更して少し完全されましたが、いまだPCの記事だけ広告が安定して表示されません。スマートフォンでは広告が表示されるので、グーグルからのペナルティーではないと思います。
何が原因かまったく分かりませんので、何かわかる方いましたらよろしくお願いします。
2021年8月13日 20:45
前略、st930 さん
私はあまり詳しくありませんが、詳しい方が診てくださるかもしれませんので、フォーラム冒頭の案内にありますとおり、お差し支えがなければ、対象ページのURLをご提示いただき、高速化設定を無効にして、環境情報を貼り付けていただけるとよいような気がします。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
わいひら reacted
2021年8月13日 21:04
st930さん
「No slot size for availableWidth=0」
上記は、モバイル端末の際に出ていないでしょうか？
PCの表示の際には、出ないと思います。
これは、PCのみに広告表示を設定している場合に出ます。
（CSSで非表示にしているから。）
エラーとして出ますが、特に不正なものではなく、AdSense公式で認められている非表示の方法で問題はありません。
おそらく、PCのみ表示（モバイル非表示）にしている広告の数だけこのエラーが表示されているはずです。
（私のサイトではそうです。）
上記のエラーと広告が表示されたりされなかったりは、関係ないと思います。
表示されたりされなかったするのであれば、その場合はScript実行後のページソースを確認すると良いです。
「data-ad-status="filled"」であれば、広告が表示されます。
「data-ad-status="unfilled"」であれば、AdSenseのScriptが実行されてとしても、AdSense側が非表示にしたものです。
非表示というより、「未配信」ですね。
（AdSenseのScript実行後に、このステータスが追加されます。）
何らかの広告制限を受けていたり、広告枠にスポンサーがつかなかったりした場合に起こるようです。
それ以外にも原因はあるみたいですが、AdSense側にしか分かりません。
Scriptが実行されれば、必ず広告が表示されるとは限らないみたいです。
わいひら reacted
2021年8月13日 22:13
@leafytreeさん、ご返信ありがとうございます。
@leafytreeさんから指摘がありましたので、まずは環境情報を張り付けさせていただきます。
サイトURLに関しては、プロフィールからということで問題ないでしょうか？
問題があればあらためてお知らせします。
----------------------------------------------
サイト名：Nintendo Switch 情報ブログ＜非公式＞
サイトURL：
ホームURL：
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン：5.8
PHPバージョン：7.4.13
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:90.0) Gecko/20100101 Firefox/90.0
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja,en-US;q=0.7,en;q=0.3
----------------------------------------------
テーマ名：Cocoon
バージョン：2.3.2
カテゴリ数：26
タグ数：8049
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.3
style.cssサイズ：3116バイト
functions.phpサイズ：209バイト
----------------------------------------------
Gutenberg：0
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
WEBフォントLazy Load：1
----------------------------------------------
利用中のプラグイン：
AddQuicktag 2.5.3
Category Order and Taxonomy Terms Order 1.5.7.5
EWWW Image Optimizer 6.2.3
Google XML Sitemaps 4.1.1
SiteGuard WP Plugin 1.6.0
WebSub/PubSubHubbub 3.1.0
WP-dTree 4.4.5
WP Multibyte Patch 2.9
----------------------------------------------
2021年8月13日 22:24
@mk2_mk2さん返信ありがとうございます。
ウィジットから「広告(PC用)」、「広告(モバイル用)」にそれぞれアドセンスコードを掲載して、広告表示してました。
このときに、PCのFifeFoxから調査で調べたら「No slot size for availableWidth=0」が表示されていた感じです。
これは関係ないということなので、了解しました。
なお、モバイルは問題なく表示されるので、エラーコードが出るか確認してません。
現在は、Cocoon 設定⇒広告⇒広告コードに
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-xxxxxxxxxxxx"
data-ad-slot="xxxxxxxxx"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
を
アクセス解析・認証⇒ ヘッド用コードに
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
入れてます。
Cocoon 設定⇒広告⇒広告コードに
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-xxxxxxxxxxxx"
data-ad-slot="xxxxxxxxx"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
を入れても駄目でしたので、上記パターンで試してますが特に変わりなしです。
【追記】
それとサイトについてですが、記事によって「広告を除外する」設定を入れてます。
記事によってアドセンスは表示されませんが、その場合は仕様です。
よろしくお願いします。
2021年8月13日 22:27
以下の画像の記事の最初の広告について調べました。
「data-ad-status="unfilled"」となっています。
Scriptが実行されたものの、AdSense側で広告配信をしなかった…ということです。
テーマ側でできることはないと思います。
テーマ側でできることはないと思います。
エラーについては、先にリンクしたトピックの通りです。
モバイルの際に「display:none;」にしていることから、要素が消えています。
モバイルの際に「display:none;」にしていることから、要素が消えています。
そのため、要素の幅が取得できないということだと思います。
2021年8月13日 22:34
@mk2_mk2さん返信ありがとうございます。
グーグルのほうに問い合わせてみます。
とても助かりました。また何かありましたらよろしくお願いします。
2021年8月13日 22:34
アクセス解析・認証⇒ ヘッド用コードに
入れてます。
なお、上記は不要です。
以下の画像のことかと思いますが。。。
Cocoonは、自動で各ユニットから上記のScriptの取り除き、1つにまとめます。
（コードをそのまま表示にしていなければ。）
（コードをそのまま表示にしていなければ。）
つまり、せっかく取り除いても、st930さんのサイトには、上記のScriptが2ヶ所に出ています。
実害はほぼないですが。
わいひら reacted
2021年8月13日 22:47
今ふと、思い出しました。
自動広告の場合は、テーマを切り替えると、広告が表示される数が減ることがあります。
再び問題なく表示されるようになるには、3日から1週間かかったということを、何度かこのフォーラムにご連絡がありました。
（期間は、サイトによって幅があるようです。）
テーマを切り替えた場合、サイト構造が変わりますから、AdSense側で再解析を行い、それに時間が掛かっているものと思われます。
自動広告でない場合にも、それが関係あるのか…は、ちょっと分からないですけど。
わいひら reacted
2021年8月13日 22:58
st930さん
私は以前、コンテンツ幅を640pxにしていた（simplicity2から乗り換えたため）のですが、そのときは、マイナスマージンを設定していて、そのあと、680pxに広げたときは、マイナスマージンは設定していなかったような気がします。
現在は、700pxに設定していますが、700pxだと、記事下に336px幅の広告が２つ並ぶようです。
680pxのときは、片方だけやや小さい広告が表示されていたような気がします。
私は自動広告は使わず、Cocoonの広告設定を使っています。
この投稿は3年前 2回ずつリフィトリーに変更されました
わいひら reacted
2021年8月13日 23:16
@mk2_mk2さん返信ありがとうございます。
ヘッド用コードを消して、改めてアドセンスコードを公式サイトから念のため取得し、設置し直しました。
Simplicity2からCocoonにテーマを変更して、2か月以上たちます。
Simplicity2のころはもっとひどく、スマホでも広告が表示されないことがありました。
Cocoonに変更した直後から広告がトップページだけはまともに表示され、スマホでは全部のページで問題なく表示されたので、テーマが原因かと思ってましたが、アドセンス側の問題でありそうなので、問い合わせて解決したいと思います。
何度もありがとうございました。
@leafytreeさん返信ありがとうございます。
広告設定は自動にしたりいろいろ試してみたのですが、変わりなく、PCの記事だけで表示されない状況が続いてます。
グーグルに問い合わせたことがなかったので、一度問い合わせてみます。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。