フレックスボックスでadsenseエラーが発生します：「adsbygoogle.push（）エラー：availableWidth = 0のスロットサイズがありません」

Question

私は、角度材料とフレックスボックスをレイアウト用に使用しているウェブサイトを持っています。私はこれらのフレックスボックスコンテナの1つにGoogle Adsenseスニペットを含めるようにしていますが、「adsbygoogle.push（）エラー：availableWidth = 0のスロットサイズがありません」というエラーが表示されます。しかし、同じスニペットをフレックスボックスコンテナの外に置くと正しく動作します。

サイト全体がフレックスボックスで作られているので、これは理想的ではありません。ですから、フレックスボックスコンテナ内でこの作業を行う方法を見つけたいと思います。

<div layout="column" layout-align="center center" layout-padding="" flex="flex" class="scroller container"> 
     <div flex="" hide-xs="" show-gt-xs=""> 
     <h1>My Account</h1> 
     </div> 
     <welcome></welcome> 
     <script async="" defer="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> 
     <!-- responsive ad--> 
     <ins flex="grow" style="width:100%;min-width:100px;height:100px;" data-ad-client="ca-pub-IDISHEREONMYSITE" data-ad-slot="IDISHEREONMYSITE" data-ad-format="auto" class="adsbygoogle"></ins> 
     <script> 
     document.addEventListener("DOMContentLoaded", function(event) { 
      (adsbygoogle = window.adsbygoogle || []).push({}) 
     }); 
     </script> 
    </div> 

私もちょうど表示するGoogleの広告で曲がるようにすべての参照を交換しようとしました：ここ

は、私のコードの抜粋だブロック。私は、幅、幅、最小幅、最大幅、それ​​らのすべてを一緒に使用しようとしました。私はフレックスボックスの列であるdivにラップを入れてみましたが、display：blockというdivに入れてみました。固定幅などあります。

どれも動作していないようです。

アイデア？

Googleにこの（可能な）バグを報告する方法はありますか？

Answer 1

はあなたの幅でPX代わりの％を定義する必要があります。

見てくださいhereそれはあなたを援助することができるかもしれません。

Answer 2

私はこの問題に遭遇し、助けを求めてきました。

固定幅の設定に関する情報のみを見つける（PX？）。

これは正しくないことが分かっていましたが、現在は幅90％のボックスがあり、正常に動作しました。

私を悩ませたことの1つは、大画面のGoogle広告が中心にないことでした。

コンテンツを整列させるためにフレックスボックスに入れてみましたが、それが問題の始まりです。

setTimeOutとaddclassを設定してこれを修正しました。クラスと

function centerAd() { 
    $("#adBlock").addClass("adBlock"); 
    } 

    var timeoutID; 
$(function() { 
    timeoutID = window.setTimeout(centerAd, 1000); 
}) 

：

.adBlock {display: flex; justify-content:center; align-items:center; align-content:center} /* We call this after page has loaded to center ad */ 

それはGoogleの広告に要素の幅を盗聴するのに十分な時間を与え、その後、うまくそれを中央に配置します。しばしばシームレスに。