Rendre Adsense réactif

Question

Je suis propriétaire d'un site et j'utilise actuellement Adsense pour monétiser.J'ai décidé de changer la conception de mon site en une conception réactive afin que le site Web puisse se présenter de manière appropriée sur une variété de tailles d'écran, mais malheureusement, Adsense n'est pas très flexible à cet égard. Il est relativement simple de masquer simplement les grandes publicités de bureau lorsque la largeur de l'écran devient trop petite, mais cela n'est pas bon pour les revenus et d'après ce que j'ai lu, pourrait être contraire aux conditions d'utilisation de Google.

Quelqu'un peut-il penser à un moyen de faire quelque chose avec Adsense pour qu'il fonctionne de manière intuitive avec un design réactif?

Answer 1

Google propose désormais des blocs d'annonces réactifs: https://support.google.com/adsense/answer/ 3543893

Answer 2

Je suppose que dans votre compte, vous pouvez configurer plusieurs blocs AdSense pour plusieurs dimensions proposées par Google.Ensuite, avec Javascript au chargement de la page, décidez du bloc d'annonces à utiliser, en fonction de la largeur de l'écran et de la liste des dimensions de bloc disponibles, et injectez le code HTML du bloc AdSense correspondant de manière dynamique:

Cela devrait vous permettre de réduire progressivement la largeur de l'annonce jusqu'à 120 pixels.Je ne connais pas le TOS cependant, mais la technique me semble assez légale.

Si, par exemple, jQuery était utilisé et que la publicité devait être placée juste après le titre de la page principale <h1>, quelque chose comme ça ferait:

$('The HTML code for the AdSense unit goes here').insertAfter('h1');

Answer 3

Vous n'avez vraiment pas fourni suffisamment d'informations.Comme vous le savez évidemment, un «design réactif» peut être aussi simple que de faire flotter votre contenu pour que les éléments glissent les uns sous les autres lorsqu'ils ne rentrent pas horizontalement.

Par conséquent, vous pouvez simplement faire flotter votre iframe Adsense de chaque côté de votre contenu flottant et le déposer sous tout le reste lorsqu'il ne rentre pas sur l'écran.

Cependant, comme vous n'avez pas fourni de lien ou de détails sur votre site, je ne sais pas si cela vous convient.Étant donné que vous ne pouvez pas modifier l'échelle d'AdSense sans vous créer des problèmes, je ne vois pas d'autre choix que vous avez.

Answer 4

D'après votre sous-réponse, il semble qu'il s'agisse d'un problème lié au bloc d'annonces pour mobile.Notez qu'Adsense ne compte pas une taille d'affichage Web (par exemple: 728 x 90) sur une unité mobile, même si elle apparaît lorsque vous affichez la page sur votre navigateur mobile.

À la place, vous devez utiliser une bannière pour mobile (par exemple: 320 x 50) sur votre page mobile.

Faites-moi savoir si vous avez d'autres questions.