javascriptを使用してデバイスの画面サイズに基づいて条件付きで広告コードを読み込みます。

Question

モバイルデバイス用に広告を条件付きで（広告サーバー経由で）表示する方法を教えてください。

コンテンツを非表示にする場合は、表示を非表示に設定しないでください。広告の表示回数が斜めになります。

jQueryを使用せずにクライアントサイドのJavaScriptを使用してdivに広告コード（たとえば、。）を挿入したいとします。例えば

、

<div id="adzone"></div> 

If width < 768px 
    inject ad code for mobile 
else 
    inject ad code for tablet 

は、どのように私はこのアイデアを実装していますか？

デバイスの幅が768px未満から768pxに変更されたときにデバイスの回転が発生すると、どのように処理されますか？

Answer 1

ので、カバーするために二つのこと：あなたが、これは単にJSは、画面サイズをキャプチャして、サーバーに広告を求めたときにことを報告しなければならないことであろう何ができる

一つの方法。サーバは、次にどの広告を配信するかの決定を行うことができる。

あなたは画面の回転について話し、質問にmedia-queriesというタグを付けました。 @mediaは、CSS（JSではなく）の機能で、画面サイズに基づいてルック・アンド・フィールを調整できます。あなたがサービスしている広告を何らかの形で縦横両方向に表示できるかどうかはあなた次第です。デバイスが向きを変えるたびに新しい広告を読み込む必要はありません。

画面サイズを完全に正確に検出することは、デバイス上で非常に可能であり、どのように報告されますか。しかし、JavaScriptの世界では、あなたが知る必要があるものはthis SO postです。