24

レスポンシブ ワードプレス デザインで Google Adsense を使用しています (これは Twitter ブートストラップを使用しています)。現在、サイトのサイズを変更すると、広告が遠くに突き出て、見栄えが悪くなります。

この問題を解決するために私にできることはありますか? 小さな画面で広告のサイズを変更しているように見えるサイトを実際に見ました... Java スクリプトなので、これがどのように可能かわかりませんよね?

どんなフィードバックでも非常に役に立ちます。ありがとう！

4

6 に答える 6

10

理想的には、CSS メディア クエリによって広告が自動的に縮小され、新しいサイズに基づいて広告のレイアウトが自動的に変更されることが理想的です。ただし、Google 広告 はこれをサポートしておらず、許可すらしていません。Googleのサービス利用規約( )でマークされた削除されたテキスト[...]:

5.禁止されている使用。(i) [...] (ii)広告、リンク、広告ユニット、検索結果、または紹介ボタン、またはGoogle の許可なしに、広告、リンク、広告ユニット、検索結果、または紹介ボタンを削除、隠蔽、または最小化すること。[...]

別の解決策は、JavaScript を介して条件付きで広告を配信することです。たとえば、ページの読み込み時にブラウザのビューポートのサイズを取得し、ブラウザのビューポートの幅が優先広告の幅よりも小さい場合は、代わりに小さい広告を配信します。ユーザーがブラウザのサイズを変更したときに新しい広告を提供しないことを除いて、CSS メディア クエリと同様に機能する必要があります。

5.禁止されている使用。(i)クエリ、紹介イベント、または広告、リンク、検索結果、または紹介ボタンのインプレッションまたはクリックを直接的または間接的に生成すること(手動で繰り返しクリックすること、ロボットまたはその他の自動クエリ ツールを使用すること、および/またはコンピューターで生成された検索リクエストを含むがこれらに限定されない、自動化された、欺瞞的、詐欺的、またはその他の無効な手段による、および/またはまたは他の検索エンジン最適化サービスおよび/またはソフトウェアの不正使用。[...]

于 2012-08-29T04:17:03.550 に答える
1

Responsive Adsenseというプラグインがあります。5 つの広告フィールドを持つウィジェットを追加し、それらに入力pub idしad idます。次に、画面のサイズに基づいて、5 つの広告のうちの 1 つをレンダリングします。モバイル ブラウザで試してみたところ、モバイル広告ではなくブロック サイズの広告が表示されました。

于 2012-11-07T18:00:23.933 に答える
1

ページの応答性を維持するために、次のようにしました。

<div class="table table-responsive">    
        <div class="text-center text-muted">
            <hr><br>
            <small>advertisement</small>
            <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
            <!-- bottom -->
            <ins class="adsbygoogle"
                 style="display:block"
                 data-ad-client=""
                 data-ad-slot=""
                 data-ad-format="auto"></ins>
            <script>
                (adsbygoogle = window.adsbygoogle || []).push({});
            </script>  
            <br>
        </div>       
</div>
于 2015-12-27T08:04:01.590 に答える
0

Equilibrium3 が投稿した内容に同意します。広告サイズ = レスポンシブ広告ユニット (ベータ) を選択します。広告コードを取得したら、これ<div class="span12">も 内にある内に配置できます<div class="row">。これは、横長の広告を配置して中央に配置するのにも役立ちました。

これは私がその横型広告を掲載しているページです -> http://www.espaciodigital.mx/

ここで、広告コードをサイド バーに配置する場合は、上記と同じ操作を行いますが、たとえば<div class="span3">サイド バーと<div class="span9">ページの残りの部分を使用してページを分割します。

正方形の広告が左側にある次のページでそれを行いました-> http://www.espaciodigital.mx/quienes_somos.html

どちらの広告も、モバイル デバイスで表示すると正常に機能します。試してみる。それが役立つことを願っています!

于 2014-05-21T22:54:06.627 に答える