L'écran saute avec les annonces réactives AdSense

Nos utilisateurs se plaignent de sauts d’écran lors du chargement d’un sujet sur iPhone. Cela semble très similaire à ce problème résolu en juillet :

Nous utilisons :

  • Droplet Digital Ocean avec 1 Go de RAM et 25 Go de disque
  • Le plugin Ads avec AdSense, version 2.4.0.beta 9
  • Le plugin Online User

Il s’agit d’un petit forum avec 800 utilisateurs et les métriques suivantes :

Nous avons installé l’agent de métriques Digital Ocean pour obtenir plus d’informations.

Cela pourrait-il être un problème de performance ? Devrions-nous augmenter la RAM ?

Merci d’avance.

Mon avis : ce n’est pas un problème de performance, et la correction apportée en juillet était insuffisante, car le problème (les saccades) persiste encore sur mobile, et uniquement si l’option d’insérer une publicité tous les nᵉᵐᵉᵉs messages est activée.

C’était si ennuyeux et perturbant pour nos utilisateurs que nous avons dû simplement désactiver cette option.

L’insertion de publicité tous les N posts provoque-t-elle des posts de taille variable sur mobile @neil ?

Je pensais que @eviltrout avait résolu le problème et que c’était corrigé. @Cazadividendos @Paracelsus Quelle plateforme publicitaire ? Quelle taille de publicité ? Vous dites que le saccadement se produit uniquement sur mobile ?

Le problème n’a été signalé que sur iPhone. Sur Android, tout fonctionne comme prévu, sans saccades.
Plateforme publicitaire : Adsense
Taille de la publicité : taille responsive (pour les publicités générales et mobiles)
Code Adsense nth post : 5

J’avais exactement les mêmes paramètres que Cazadividendos, sauf que les publicités apparaissaient tous les 10 messages, et les utilisateurs d’Android et d’iPhone ont tous signalé le même comportement (surtout sur Chrome mobile).

En fait, je soupçonne que la même chose se produit sur la version bureau, mais comme il y a beaucoup plus d’espace vertical, on peut encore le repérer visuellement sans avoir à faire défiler constamment la page.

Si vous le souhaitez, je peux l’activer et vous pourrez le constater par vous-même. Cela vous aiderait-il, @neil ?

Ok, donc j’ai réactivé l’option et le saccadement est de retour. :smiley:

Demissão /AG Destitutiva / Eleições no Sporting - #687 por Leonino - Universo Sporting - FórumSCP

Si vous faites défiler lentement entre les messages 684 et 686 (en vous arrêtant de temps en temps comme si vous lisiez chaque message), vous verrez ce que nous voulons dire…

Je vais essayer de résumer ce qui se passe ici… :confounded:

J’ai déjà parlé de ce sujet dans un autre fil ici, alors veuillez lire :

En creusant plus profondément, j’ai essayé d’utiliser du CSS pour ajouter des dimensions au conteneur où les annonces réactives doivent être affichées entre les publications contenant des annonces. Voici un exemple :

.adsense-post-bottom.adsense-responsive {
  height: 100px; // pas plus haut que ça, s'il vous plaît
}

Mais… voici ce qui se produit :

Je ne trouve rien dans le plugin publicitaire ou dans le cœur de Discourse qui ajouterait ces styles en ligne avec !important. Il semble donc que le script JS d’AdSense ait opté pour la solution nucléaire et veuille vraiment imposer des hauteurs arbitraires au conteneur. Donc, tout en !important auto !

Il semble donc qu’AdSense ait rendu cela impossible. Les options actuelles sont :

  1. Supprimer l’option de taille « réactif » du plugin AdSense (retour à 728x90 pour les ordinateurs de bureau et 300x250 pour les mobiles pour ceux qui utilisent actuellement la taille réactive).
  2. Supprimer « réactif » uniquement pour les emplacements entre les publications (même si le saut se produit dans tous les emplacements).
  3. Ouvrir un sujet ici sur Meta concernant le problème, permettre aux utilisateurs de continuer à utiliser « réactif » et ajouter un lien vers ce sujet dans la description de tous les paramètres de taille AdSense.
  4. Le « auto !important » provient du plugin publicitaire ou du cœur de Discourse et je ne parviens pas à le trouver ?

EDIT :

Je commence peut-être à comprendre cette suggestion maintenant :

Il faudrait donc pouvoir sélectionner « réactif », puis définir la largeur maximale et la hauteur maximale dans les paramètres du plugin.

Je clos ce sujet et continuerai la discussion dans celui-ci :