5

Google Adsense レスポンシブ広告 (Bootstrap を使用) を使用していますが、ページの読み込み時に適切に動作します。また、ハンドヘルド デバイスでは、方向を適切に検出し、広告をすぐに調整します。

ただし、ブラウザのサイズを変更しても反応しません。画面のサイズ変更を検出するシステムが組み込まれていない場合に応答性を主張するのは奇妙です。イベントリスナーを追加することを考えましたが、これは良い回避策ですか、それとも壊れますか? また、いくつかのブレークポイントを使用してさまざまなサイズの広告を読み込むことも考えましたが、それは避けて「レスポンシブ」広告のみを使用したいと考えています。

ご提案いただきありがとうございます。

4

3 に答える 3

0

レスポンシブ広告で、data-ad-format の「auto」を「horizo​​ntal」に変更します

data-ad-format="horizontal"

また、メディア クエリのモバイルの高さ制限を追加します。

.adsense-mobile {
    height: 60px;
}

最後の：

<ins class="adsbygoogle adsense-mobile"
             style="display:block"
             data-ad-client="ca-pub-XXXXXX"
             data-ad-slot="XXXXXX"
             data-ad-format="horizontal"></ins>
        <script>
            (adsbygoogle = window.adsbygoogle || []).push({});
        </script>
于 2017-09-11T15:32:40.280 に答える
-1

非同期で Google Adsense レスポンシブ広告ユニットを使用する。すべての Web サイトのサイズで非常によく表示されます。Web サイトのロードが完了するとロードされます。

そのため、最初にすべてのデバイスに対応する CSS を作成する必要があります。そうすれば、Google Adsense の読み込みが遅くなり、ウェブサイトのレスポンシブ デザインが壊れることはありません。この場合、ウェブサイトの読み込みが完了したため、画面のサイズを変更することは適切ではありません。

于 2015-06-01T09:30:22.930 に答える