Le 21 août 2019, nous avons apporté des améliorations au dimensionnement des blocs d'annonces responsifs afin d'accroître leurs performances sur les ordinateurs. Nous avons également augmenté leur flexibilité en activant des combinaisons de tailles supplémentaires pour tous les types d'appareils.
Suite à ces modifications, les blocs d'annonces responsifs peuvent désormais redimensionner le conteneur HTML parent (par exemple, <div>
) dans lequel ils se trouvent. Cela leur permet de s'adapter automatiquement à toutes les tailles d'annonces sur les pages des éditeurs.
Sachez que pour que les blocs d'annonces responsifs fonctionnent correctement, ils ne doivent pas être placés dans un conteneur dont la hauteur est fixe ou limitée. Pour plus d'informations, veuillez consulter nos considérations techniques. Si la hauteur de vos blocs d'annonces responsifs est plus importante sur certains appareils ou navigateurs, cela peut être dû au fait qu'ils sont placés dans un conteneur dont la hauteur est fixe ou limitée.
Si vous souhaitez limiter la hauteur de vos annonces responsives, vous devez modifier votre code. Pour savoir comment procéder, consultez l'exemple ci-dessous. Il illustre la manière de modifier votre code d'annonce responsive pour spécifier une hauteur fixe de 90 pixels et une largeur variable comprise entre 400 pixels (minimum) et 970 pixels (maximum) :
<ins class="adsbygoogle"
style="display:inline-block;min-width:400px;max-width:970px;width:100%;height:90px"
data-ad-client="ca-pub-1234"
data-ad-slot="5678"></ins>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234" crossorigin="anonymous"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
Pour plus d'exemples et d'autres insertions avancées, consultez l'article Comment modifier le code d'annonce responsive.