Est-il un moyen de redimensionner google adsense dans un responsive design? [fermé]

idéalement, les requêtes médias CSS pourraient réduire automatiquement la taille des annonces, et, dans un monde parfait, les annonces changeraient automatiquement leur mise en page en fonction de la nouvelle taille. Cependant, Google Ads ne pas soutenir ce, ni même autoriser cela-vous n'êtes pas autorisé à changer le contenu de l'annonce, ni de cacher une partie de celui-ci, sauf avec la permission explicite de Google, selon leur Conditions d'utilisation (supprimé texte marqué par [...] ):

5. Utilisations Interdites. vous n'autoriserez ni n'encouragerez aucun tiers à: (i) [...] (ii) modifier, filtrer, tronquer ou modifier l'ordre des informations contenues dans toute publicité , lien, unité publicitaire, résultat de la recherche ou bouton de renvoi, ou supprimer, masquer ou minimiser toute publicité " , Lien, unité publicitaire, le résultat de la recherche, ou le bouton de référence de toute façon sans l'autorisation de Google ; [...]

une solution alternative serait de diffuser les annonces via JavaScript sur une base conditionnelle. Par exemple, lorsque la page se charge, récupérer la taille du viewport du navigateur et si la largeur du viewport du navigateur est plus petite que la largeur de la publicité préférée, servez une publicité plus petite à la place. Il devrait fonctionner de manière similaire aux requêtes médias CSS, sauf ne pas diffuser de nouvelles annonces lorsque l'utilisateur redimensionne leur navigateur, car cela générerait de fausses impressions (impressions multiples sur une seule page, sans rafraîchissement), ce qui est également contre leur conditions de Service :

5. Utilisations Interdites. Vous ne devez pas, et ne doit pas autoriser ou encourager tout tiers à: (i) directement ou indirectement générer des requêtes ,des événements de référence, ou des impressions de ou clique sur une annonce, un lien, un résultat de recherche, ou un bouton de référence ( y compris sans limitation en cliquant sur" Lire "pour toute publicité vidéo ) par tout moyen automatisé , trompeur, frauduleux ou tout autre moyen non valable, y compris mais pas limité à travers les clics manuels répétés, l'utilisation de robots ou de tout autre dispositif d'outils de requête et/ou de l'ordinateur généré des demandes de recherche, et/ou de l'utilisation non autorisée d'autres du moteur de recherche des services d'optimisation et/ou de logiciels; [...]

les réponses existantes sont périmées. Google a introduit des annonces Responsive en juillet 2013 :

les nouvelles unités publicitaires responsive vous permettent de supporter une large gamme de en travaillant avec vos pages Web responsive design. Vous pouvez maintenant dynamiquement spécifier la taille de l'annonce qui sera servi, en l'adaptant il s'adapte à la façon dont votre site rend une page sur un appareil particulier.

Responsive ads travailler avec des agencements fixes, fluides et réactifs. Tout ce que vous devez faire est de placer la version "Taille intelligente" du code à l'endroit où vous voulez que les annonces apparaissent. L'annonce va étirer horizontalement à occuper tout l'espace disponible et verticalement pour afficher la plus optimale taille standard ad. Si votre site Web change sa mise en page en fonction de l'orientation du périphérique, alors la taille de l'annonce se fera automatiquement sur l'événement de changement d'orientation du périphérique. Une personnalisation préalable est possible en utilisant les attributs de données CSS et HTML5.

Google prend officiellement en charge les annonces responsive (actuellement en version bêta). Il ya un bon writeup de la fonctionnalité ici avec des liens vers les documents officiels de Google.

http://exisweb.net/using-google-adsense-async-tags-for-responsive-design

il fonctionne, mais un inconvénient est que lorsque vous redimensionnez le viewport, les annonces ne redimensionnent pas automatiquement. Ce que je comprends, c'est contre TOS essayer d'appeler l'adserver lorsque la fenêtre est redimensionnée.

il y a un plugin appelé Responsive Adsense . Il ajoute un widget avec 5 champs publicitaires et vous entrez pub id et ad id dans ceux-ci. Puis, en fonction de la taille de l'écran, il rend 1 du 5 annonces. Je l'ai essayé sur un navigateur mobile et il a rendu une annonce de taille bloc au lieu de celui mobile.

je suis d'accord avec ce que Equilibrium3 posté. Sélectionnez la taille de la publicité = Unité de publicité réactive (bêta). Une fois que vous obtenez le code publicitaire, vous pouvez le placer à l'intérieur d'un <div class="span12"> qui est également à l'intérieur d'un <div class="row"> . Cela a fonctionné pour moi pour placer une annonce horizontale et l'avoir centré aussi.

Ceci est la page où j'ai horizontal ad -> http://www.espaciodigital.mx/

maintenant, si vous voulez placer le code publicitaire sur une barre latérale, faites la même chose que ci-dessus, mais diviser la page en utilisant, disons, <div class="span3"> pour la barre latérale et <div class="span9"> pour le reste de la page.

j'ai fait cela dans la page suivante, où les annonces carrées sont sur la gauche - > http://www.espaciodigital.mx/quienes_somos.html

les deux annonces fonctionnent bien lorsqu'on les voit sur un appareil mobile. Lui donner un essai. Espérons que ça aide!

pour maintenir ma page responsive, Je l'ai fait de cette façon:

<div class="table table-responsive">    
        <div class="text-center text-muted">
            <hr><br>
            <small>advertisement</small>
            <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
            <!-- bottom -->
            <ins class="adsbygoogle"
                 style="display:block"
                 data-ad-client=""
                 data-ad-slot=""
                 data-ad-format="auto"></ins>
            <script>
                (adsbygoogle = window.adsbygoogle || []).push({});
            </script>  
            <br>
        </div>       
</div>