web-dev-qa-db-fra.com

Puis-je repositionner les annonces AdSense avec Javascript (à des fins de réactivité)?

J'ai un blog réactif où les annonces sont affichées dans la barre latérale. Sur les appareils mobiles, toutefois, la barre latérale est poussée au-dessous des poteaux.

Donc, ce que je voudrais faire est de déplacer les annonces de la barre latérale et de les insérer dans le message lui-même sur les appareils mobiles enter image description here

Je le fais en utilisant javascript:

<div id="main">
    <div id="article">
        <div class="post">
            <p class="intro"></p>
            <p class="text"></p>
        </div>
    </div>
    <div id="sidebar">
        <div class="adbox-1"></div>
    </div>    
</div>

<script>
    jQuery(document).ready(function(){

        // AD REPOSITION
        if ($(window).width() < 769) {
            $('.ad-box1').insertAfter($('.intro'));           
        }
     });
</script>

Les annonces sont toujours chargées dans l'encadré, mais si la largeur de l'écran est inférieure à 768 pixels, elles seront déplacées ailleurs.

Je me demande si cela enfreindrait les conditions d'utilisation d'AdSense?

3
Tony Fire

Je pense que @ media-queries sont plus simples.

Vous chargez les deux blocs d'annonces et, sous 768 pixels, vous en masquez un et montrez l'autre. Ceci est valide .

La solution que vous utilisez est bonne, mais lorsque vous insérez le nouveau bloc d'annonces sous 768, vous devez également supprimer l'autre.

Ce guide de Google explique ce que vous ne pouvez pas faire:

  1. Masquage des blocs d'annonces à tout moment (par exemple, affichage: aucun), sauf si vous implémentez un bloc d'annonces réactif.
  2. Mise en œuvre du code d'annonce AdSense d'une manière qui couvre le contenu
  3. Utiliser n'importe quel moyen pour forcer l'affichage de plus de trois blocs d'annonces AdSense sur une page
  4. Manipulation du ciblage des annonces à l'aide de mots clés cachés, d'IFRAME ou de toute autre méthode
  5. Distribuer des publicités dans des emails ou des logiciels
  6. Annonces flottantes ou unités qui glissent pour attirer une attention injustifiée

Les requêtes médiatiques sont possibles.

Quoi qu'il en soit, les deux approches semblent valables pour Adsense.

4
nunorbatista