9

私は現在の解決策を見回しましたが、この質問はこれら2つの投稿で部分的に取り上げられています。 アドセンスを応答性の高いもの にし、 JavaScriptで「携帯電話の場合」

私は応答性の高いサイトを持っていますが、携帯電話でそれを壊すのは私のページの水平方向のGoogle広告だけです。これは、他のすべてよりも大きいため、最初は余分なスペースで目立ちます。

基本的にこの大きなバナーと、画面サイズが小さくレスポンシブサイトを壊さないモバイルブラウザ用の小さなフォーマットを切り替えることができるように、誰かが実行可能な解決策を持っているかどうかを調べています。

私の現在の解決策は、画面サイズを取得し、特定のしきい値を下回っている場合は小さい広告を表示することです。もっと良い方法はありますか？

4

7 に答える 7

11

このコードを AdSense に使用できます。これは、「オンザフライ」で広告を変更しないため、TOS に違反していません。画面サイズに応じて広告を提供しているだけで、広告自体は変更していません。

<script type="text/javascript">


    var width = window.innerWidth 
        || document.documentElement.clientWidth 
        || document.body.clientWidth;

    google_ad_client = "ca-publisher-id";

    if (width > 800) {
        // Activa el anuncio "Leaderboard" de 728x90 para pantallas anchas
        google_ad_slot = "ad-unit-1"; 
        google_ad_width = 728; 
        google_ad_height = 90;
    } else if ((width <= 800) && (width > 400)) { 
        // Activa el anuncio "Banner" de 468x60 para pantallas pequeñas (móviles) 
        google_ad_slot = "ad-unit-3"; 
        google_ad_width = 468; 
        google_ad_height = 60;
    } else { 
        // Activa el anuncio "Medium Rectangle" de 300x250 para medianas (tablets)
        google_ad_slot = "ad-unit-2"; 
        google_ad_width = 300; 
        google_ad_height = 250;
    }

</script>

<script type="text/javascript"
    src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

そして、これは DFP の場合: 

var width = window.innerWidth 
    || document.documentElement.clientWidth 
    || document.body.clientWidth;
if (width >= 800) {
    // Activa el anuncio "Leaderboard" de 728x90 para pantallas anchas
    document.write('<div id="div-gpt-ad-1234567891234-1" style="width:728px; height:90px;"">');
    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1234567891234-1'); });
    document.write('</div>');

} else if ((width < 800) && (width > 400)) { 
    // Activa el anuncio "Medium Rectangle" de 300x250 para medianas (tablets) 
    document.write('<div id="div-gpt-ad-1234567891234-2" style="width:300px; height:250px;"">');
    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1234567891234-2'); });
    document.write('</div>');

} else { 
    // Activa el anuncio "Banner" de 468x60 para pantallas pequeñas (móviles) 
    document.write('<div id="div-gpt-ad-1234567891234-3" style="width:468px; height:60px;"">');
    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1234567891234-3'); });
    document.write('</div>');
}

于 2013-03-18T05:51:10.537 に答える
0

これはAdS​​enseの大きな問題です。利用規約によると、プログラムで広告を更新することは許可されていません。つまり、サイズ変更後にレイアウトで必要な場合は、別の広告を読み込むことはできません。

そうは言っても、Google DFP（AdSense広告の読み込みをサポート）には更新方法があります。すべてのポリシーを読みましたが、AdSenseを使用している場合は、この方法を独自の広告に使用できるようです。

編集：先日Googleに電話をかけたところです...彼らは、AdSenseの提供中にDFPの更新機能を使用すると、AdSenseのポリシーに違反することを確認しました。更新機能は、ご自身の広告でのみ使用する必要があります。そうしないと、アカウントと獲得した資金を失うリスクがあります。

于 2013-01-19T22:26:05.800 に答える
0

私は単純なcssでこれを行いました。

フラッシュ オブジェクトでない場合は、サイズを変更できます。

iframe の場合は、幅を 100% にします

読み込まれた広告によっては、画像の一部が切り取られる可能性があります。その場合は、アニメーションを測定し、それに応じて追加をリロードできる JavaScript が必要になります。

于 2013-04-24T14:40:13.937 に答える
0 

<style>
iframe{width:100%}
</style>

すべてを解決します。ブートストラップ Web サイトとアドセンスでこの問題が発生しました

于 2016-11-05T11:03:36.320 に答える
0

このツールの上部には、Google があなたの使用に満足していることを確認するための免責事項がありますが、これはまさにあなたが求めていることを行います.

http://www.responsiveads.com/responsive-adsense/

ブログより

Google は近い将来、これに対する独自のソリューションを考案する可能性が高いですが、それまでの間、サイト運営者は当社のソリューションを使用して AdSense を有効にし、すべての画面でウェブサイトを収益化することができます!

于 2013-01-20T05:42:11.313 に答える