web-dev-qa-db-fra.com

Définir la hauteur maximale du bloc d'annonces réactif Adsense

J'avais 2 x (300 x 250) blocs d'annonces Adsense dans la barre latérale droite de mon site

J'ai rendu le site réactif et remplacé ces blocs d'annonces par des blocs d'annonces réactifs Adsense.

Le problème que j'ai maintenant, c'est que Adsense diffuse désormais 2 x (300 x 600) blocs d'annonces. Les TOS Adsense indiquent que vous ne pouvez diffuser qu'un seul bloc d'annonces (300 x 600) par page

La largeur maximale est évidemment récupérée par les blocs d'annonces réactifs adsense.

Mais lorsque j'essaie de définir la hauteur maximale de la div parent à 250 pixels, pour limiter le nombre d'annonces 300 x 600 par page, la hauteur maximale est ignorée et adsense affiche toujours un 300 x 600

Quelqu'un d'autre a-t-il rencontré ce problème et si oui, comment avez-vous réussi à définir la hauteur maximale du bloc d'annonces réactif?

Merci d'avance,

Kes

cssresponsive-designadsense
37
user3275551

Vous pouvez changer data-ad-format="auto" à data-ad-format="rectangle". (Voir Fonctionnalités avancées> Exemple de forme horizontale .)

Je pense que vous ne devriez pas pas définir height (max-height) sur le parent div.

La hauteur de l'annonce est (automatiquement) déterminée par adsbygoogle.js (c'est-à-dire intelligent dimensionnement) et si vous voulez contrôler hauteur de l'annonce que vous devez utiliser data-ad-format ("rectangle", "vertical", "horizontal" ou votre combinaison préférée comme "rectangle, horizontal").

Ou (non recommandé), vous pouvez "rétrograder" le code d'annonce (en supprimant data-ad-format attribut), puis spécifiez exact taille (s) avec @media requêtes. (Voir ( Exemple de taille exacte .)

[~ # ~] modifier [~ # ~] - Google a mis à jour la section "Considérations techniques" sur " À propos des blocs d'annonces réactifs "page.

Dans certaines situations, vous devrez prendre des mesures supplémentaires pour faire fonctionner correctement un bloc d'annonces réactif:

...

Le conteneur parent a une hauteur fixe ou limitée . Les publicités réactives ne doivent pas être placées à l'intérieur de conteneurs de hauteur fixe ou limitée, car ils peuvent être plus hauts sur certains appareils ou navigateurs. Si vous devez limiter la hauteur de vos annonces réactives, vous devrez modifier votre code et utiliser des requêtes multimédias CSS pour définir la hauteur du conteneur parent. Découvrez comment modifier votre bloc d'annonces réactif .

58
galeksic

Je viens de résoudre ce problème - vous pouvez définir une liste séparée par des virgules pour le format d'annonce de données.

data-ad-format = "rectangle, horizontal"

Cela définit l'annonce mobile sur horizontale et le bureau sur rectangle si vous avez défini des tailles spécifiques pour vos requêtes multimédias.

Merci, Wesiwyg

6
Wesiwyg

Vous pouvez le faire en utilisant CSS dans <ins style="display:inline-block;......"> ou en spécifiant une classe <ins class="adsbygoogle ......">

Exemple de Google AdSense réponses: Spécifiez une largeur extensible et une hauteur fixe

Vous pouvez modifier votre code d'annonce réactif pour spécifier une largeur extensible et une hauteur fixe pour votre bloc d'annonces via CSS. L'exemple suivant vous montre comment effectuer ces modifications:

Exemple de largeur extensible avec hauteur fixe

Cet exemple vous montre comment modifier votre code d'annonce réactif pour spécifier une hauteur fixe de 90 pixels et une largeur variable de 400 pixels de largeur minimale à 970 pixels de largeur maximale:

<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="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).Push({});</script>

De Politiques et restrictions :

De plus, les restrictions de taille suivantes seront appliquées:

  • Une seule dimension peut dépasser 300 pixels
  • La largeur minimale est de 120 pixels
  • La hauteur minimale est de 50 pixels
  • Ni la hauteur ni la largeur ne peuvent dépasser 1200 pixels.
2
IvanRF

Pour ce faire, définissez d'abord le conteneur d'annonces ou le code d'annonce sur le centre. en utilisant cette balise: <center>Adsense code here</center>. puis définissez la hauteur ou la largeur maximale et la hauteur ou la largeur minimale comme je l'ai fait dans l'exemple ci-dessous.

<center>
  <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
  </script>
  <!--responsive ad -->
  <ins class="adsbygoogle" style="display:block;max-width:specify your maximum width here; max-height: set o your maximum height here; and do the same for min-height:here;min-width:here;"
      data-ad-client="ca-pub-0019"
      data-ad-slot="530000000000"
      data-ad-format="auto"></ins>
  <script>
    (adsbygoogle = window.adsbygoogle || []).Push({});
  </script>
</center>`
0
emmanuelapetsi