Javascript'i kullanarak cihaz ekran boyutuna bağlı olarak reklam kodunu yükleme

Question

Reklamlar (bir reklam sunucusu aracılığıyla) mobil cihazlar için farklı ekran boyutlarına nasıl koşullu olarak görüntülenir?

Görüntüyü, içerik gizlemek için hiç bir şekilde ayarlamak istemiyorum. Bu, reklam gösterimi sayısını etkileyecektir.

Reklam kodunu (örn.), JQuery olmadan istemci tarafı javascript kullanarak div içine enjekte etmek istiyorum. Örneğin

,

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

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

nasıl bu fikri uygularım?

Cihaz genişliği 768 pikselden daha az, daha sonra 768 pikselden daha az olduğunda aygıt dönüşü gerçekleştiğinde durum nasıl ele alınacaktır? Bunu yapabileceğini

Birinci yol, JS ekran boyutunu yakalamak etmiş olacak ve bir reklam için isterken sonra sunucuya bildirmek için:

Answer 1

Yani, iki şey kapsayacak şekilde. Sunucu daha sonra hangi reklamın sunulacağına karar verebilir.

Ekran döndürme hakkında konuşuyorsunuz ve sorunuzu media-queries etiketlediniz. @media, görünümünüzü ekran boyutuna göre uyarlamanızı sağlayan CSS (JS değil) özellikleridir. Hizmet verdiğiniz reklamların bir şekilde hem dikey hem de yatay olarak görüntülenebilmesini sağlamak size kalmıştır. Cihaz her yön değiştirdiğinde yeni reklamlar yüklemek zorunda kalmazsınız.

Ekran boyutunu tam olarak tespit etmek, cihazda ve nasıl rapor edildiğini çok hassas bir şekilde belirleyebilir. Ancak, JavaScript dünyası için, this SO post bilmeniz gerekenleri içerir.