web-dev-qa-db-fra.com

Envelopper du texte autour d'une annonce adsense pour mon site Web pour les écrans mobiles d'une largeur inférieure à 320 pixels

La photo ci-jointe est une photo de mon navigateur Web redimensionnée à 240 pixels afin que je puisse émuler mon téléphone.

Adsense semble aimer quand j'emballe le texte (c'est-à-dire ce qu'ils appellent "contenu") autour de la publicité, mais cette capture d'écran me chagrine car je n'arrive pas à adapter le mot "Divertissement" à droite du bloc d'annonces. La taille de l'annonce ici est de 160 pixels de large par 320 pixels de long. En outre, il existe une lacune dans le flux de texte. Ces problèmes ne surviennent pas si la largeur de l'écran est supérieure à 240 pixels.

Je vais à l’encontre des publicités réactives car j’aime expérimenter et apprendre ce qui fonctionne le mieux pour les utilisateurs.

Je pourrais essayer d'utiliser un bloc d'annonces de 160 pixels par 600 pixels, car cet appareil m'a valu de bons revenus dans la journée.

J'ai quelques options mais je ne sais pas laquelle est la meilleure pour les utilisateurs, tous les appareils et l'équipe Google AdSense.

Je peux soit:

  1. choisissez une famille de polices qui permet aux lettres d'être plus entassées dans l'espoir de pouvoir insérer le mot "Divertissement" à droite du bloc d'annonces. Actuellement, j'utilise Arial, mais je ne sais pas quelle police convient le mieux à ma situation,

OR

  1. réduisez la taille de la police pour que le mot "divertissement" s’adapte bien et prie les utilisateurs de voir le texte,

OR

  1. Appliquez des règles CSS afin que certains mots (tels que "Divertissement") puissent se rompre de sorte qu'une partie du mot s'adapte à la fin d'une ligne et que l'autre partie commence à la ligne suivante.

Considérant qu'Adsense se soucie plus du contenu textuel de ma page que de l'ensemble de sa clientèle, je songe à l'option 3, mais je suis curieux de savoir si cela conviendrait avec adsense ou si le bot d'Adsense croira que des fractions des mots sont des mots entiers sur mon site.

Pour ce qui est de suivre les règles adsense et de rendre mon site Web compatible avec tous les smartphones mobiles, laquelle de mes 3 options est la meilleure à utiliser?

Preview

google-adsensemobilecontentgoogle-adsense-policies
1
Mike

Je ne sais pas s'il y a beaucoup (ou aucun?) De téléphones mobiles avec une largeur de périphérique de 240px ou moins, vous ne devriez donc pas trop vous inquiéter.

En outre, pourquoi n'utilisez-vous pas un bloc d'annonces réactif et indiquez-nous la taille de celui-ci pour chaque taille d'écran?.

<style type="text/css">
.adslot_1 { display:inline-block; width: 120px; height: 600px; }
@media (max-width: 280px) { .adslot_1 { display: none; } }
@media (min-width:400px) { .adslot_1 { width: 160px; height: 600px; } }
@media (min-width:800px) { .adslot_1 { width: 336px; height: 280px; } }
</style>
<ins class="adsbygoogle adslot_1"
   data-ad-client="ca-pub-1234"
   data-ad-slot="5678"></ins>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).Push({});</script>

Le code ci-dessus affichera la publicité pour des appareils comme celui-ci -

  • Appareil de moins de 280 pixels - Aucune publicité (ou vous pouvez également afficher ici une annonce de 120x600 pixels)
  • Pour les appareils 280-400px - 120x600 ad
  • Pour les appareils 400-800px - 160x600 ad
  • Pour les appareils de plus de 800px - 336x280 ad

Vous pouvez en savoir plus sur en modifiant le code adsense ici .

1
Aakash