Suivi — Administration site Mettre plus en avant le bandeau "Faites vivre LinuxFr"

#1931 Posté par Adrien Dorsaz (site web personnel, Mastodon) le 26 avril 2020 à 19:49. État de l’entrée : corrigée. Licence CC By‑SA.

Étiquettes : aucune

avr.

2020

Suite au journal de freem sur la qualité des contenus de LinuxFr, je me suis rendu compte que le bandeau "Faites vivre LinuxFr" aurait pu répondre à ses questions, mais il est affiché uniquement au fond de la page d'accueil du site.

Je propose de l'afficher après 5 contenus listés, ce qui donnera dans la page d'accueil l'ordre suivant:

Un premier contenu (pour la page d'accueil, le contenu "épinglé")
Bandeau publicitaire
Un deuxième contenu
Un troisième contenu
un quatrième contenu
Un cinquième contenu
Le bandeau "Faites vivre LinuxFr"
Le reste des contenus

En plus, je propose également d'afficher ce bandeau dans la liste des dépêches et la liste des journaux.

# des références monsieur !

Posté par ZeroHeure (site web personnel) le 21 mai 2020 à 15:57. Évalué à 2 (+0/-0).

Je ne sais pas si c'est pertinent, mais si tu pouvais nous indiquer ce qu'en penses Mathieu Jourdan, puisque ce bandeau est de lui. Pour le reste, c'est toi qui codes :-)

"La liberté est à l'homme ce que les ailes sont à l'oiseau" Jean-Pierre Rosnay

Répondre
- [^] # Re: des références monsieur !
  
  Posté par mjourdan le 27 juin 2020 à 00:49. Évalué à 1 (+0/-0).
  
  À la lecture du journal de freem, je retiens qu'il perçoit (à tort ou à raison) et déplore plusieurs choses :
  - une baisse du degré de technicité des contenus sur le site
  - des communications davantage consensuelles ou bienveillantes, qu'orientées vers l'efficacité technique
  - un remplacement des contenus techniques par des contenus politiques
  
  Je partage l'avis d'Adrien exprimé dans son commentaire et ce ticket : le bandeau vise à encourager la participation. Et d'ailleurs, pas seulement celle des gens qui se perçoivent comme bons techniquement.
  
  Sur les modalités concrètes proposées pour mettre le bandeau en avant, je suis moins convaincu. Insérer les pub (et appel à contribution) en plein dans la liste des articles est une approche qu'on retrouve sur de nombreux sites. Mais ça me semble le plus souvent pour nous tromper et nous mettre de force les pubs sous les yeux. Pour le public de LinuxFr l'enjeu est au contraire de mieux distinguer les différents types de contenus (typiquement dépêche vs journal), et identifier où on peut apporter sa participation.
  
  Le problème actuel pour moi n'est donc pas tant que le bandeau soit en bas de page, mais plutôt la page d'accueil en général… Le bas de page n'est que rarement intéressant pour les personnes qui visitent le site régulièrement, donc le bandeau est pas vu. Les deux boutons sont grisâtres et de même importance, ça n'incite pas à cliquer.
  
  Donc je ne peux que remettre sur la table la maquette pour la page d'accueil :
  https://github.com/mjourdan/linuxfr-design/blob/master/experimentations_5/1.0.0_accueil_fjalla_jaune.png
  
  Il faudrait développer un peu (ou revoir totalement) la palette de couleurs et faire une vraie charte graphique, mais ça donne une idée…
  
  Répondre
  - [^] # Re: des références monsieur !
    
    Posté par Adrien Dorsaz (site web personnel, Mastodon) le 13 juillet 2020 à 22:48. Évalué à 2 (+0/-0).
    
    Sur les modalités concrètes proposées pour mettre le bandeau en avant, je suis moins convaincu.
    
    Suite à la proposition de Benoît, je trouve cette idée plus pertinente.
    
    Ça évite d'avoir deux bandeaux de "publicité" et le côté aléatoire évite d'être trop agressif.
    
    Donc je ne peux que remettre sur la table la maquette pour la page d'accueil :
    https://github.com/mjourdan/linuxfr-design/blob/master/experimentations_5/1.0.0_accueil_fjalla_jaune.png
    
    Ah oui, tu as bien raison de la remettre sur la table. J'aime bien l'idée de cette page d'accueil.
    
    Mais j'ai un peu peur d'imposer ce changement aux utilisateurs connectés, car je pense que ça implique de perdre la personnalisation de la page d'accueil (choix des types de contenu affichés).
    
    Est-ce que le bandeau gris de la maquette, entre les dépêches et les articles de blogs, ça correspond au bandeau "publicitaire" actuel ? Si oui, je pense que la solution de Benoît pourrait aussi marcher dans ce cas.
    
    Répondre
    - [^] # Re: des références monsieur !
      
      Posté par mjourdan le 16 juillet 2020 à 19:07. Évalué à 2 (+0/-0).
      
      Suite à la proposition de Benoît, je trouve cette idée plus pertinente.
      Ça évite d'avoir deux bandeaux de "publicité" et le côté aléatoire évite d'être trop agressif.
      
      Oui, j'aime beaucoup son approche.
      
      Mais j'ai un peu peur d'imposer ce changement aux utilisateurs connectés, car je pense que ça implique de perdre la personnalisation de la page d'accueil (choix des types de contenu affichés).
      
      Quel intérêt vois-tu à cette personnalisation ? Je l'ai toujours perçue comme un pis-aller à l'absence d'une page d'accueil qui accueille.
      
      Est-ce que le bandeau gris de la maquette, entre les dépêches et les articles de blogs, ça correspond au bandeau "publicitaire" actuel ? Si oui, je pense que la solution de Benoît pourrait aussi marcher dans ce cas.
      
      Tout à fait !
      
      Répondre
      - [^] # Re: des références monsieur !
        
        Posté par Benoît Sibaud (site web personnel) le 17 juillet 2020 à 09:47. Évalué à 3 (+0/-0).
        
        Par contre, il faudrait mutualiser ce code si on doit l'utiliser à plusieurs endroits (comme bannière et bas de page), un peu comme on mutualise le code de la page statique sites amis - que personne ne connaît et qui n'est liée nulle part ? - qui utilise une balise spéciale pour réimporter la même liste que celle affichée en bas de page.
        
        Répondre
        
        [^] # Re: des références monsieur !
        
        Posté par Adrien Dorsaz (site web personnel, Mastodon) le 30 juillet 2020 à 23:02. Évalué à 2 (+0/-0). Dernière modification le 30 juillet 2020 à 23:02.
        
        Hello,
        
        A ce sujet, j'ai regardé comment était faite les pages "sites amis", "team", "changelog"… Elles sont toutes crées à partir du static_controller.
        
        Elles utilisent le static_helper pour remplacer à la volée les balises du style {{friends_list}} par du code HTML dynamique.
        
        J'ai essayé de faire une balise {{incitation}} pour pouvoir l'utiliser sur la page d'accueil et dans la bannière en même temps, mais ça ne marche malheureusement pas pour les bannières.
        
        En fait, pour le faire marcher, je dois appliquer cette modification sur banner.rb:
        
        class Banner < ActiveRecord::Base scope :active, -> { where(active: true) } validates :title, presence: { message: "Le titre ne peut être vide" }, length: { maximum: 255, message: "Le titre est trop long" } validates :content, presence: { message: "La bannière ne peut être vide" } [...] def content - read_attribute(:content).to_s.html_safe + read_attribute(:content).to_s end end
        
        J'ai besoin de faire ça parce que le static_helper utilise la méthode gsub qui pose problème avec les ActiveSupport::SafeBuffer (je crois que j'ai ce problème).
        
        Je ne suis pas assez expert en Ruby, mais j'ai un peu peur que ça ouvre des failles de type cross-scripting. Bon, d'un autre côté, seul les admins peuvent éditer le code des bannières, donc peut être que l'on peut faire ce changement. Je ne sais pas 🤷
        
        Répondre
        
        [^] # Re: des références monsieur !
        
        Posté par Adrien Dorsaz (site web personnel, Mastodon) le 30 juillet 2020 à 23:09. Évalué à 2 (+0/-0).
        
        Ah ben en fait, j'ai compris: quand je fais cette modification, j'évite justement les failles de types XSS.
        
        Mais du coup, le code HTML n'est plus interprété et on voit les balises HTML dans les bannières (je m'en suis rendu compte quand j'ai remis les balises HTMLs à la place de ma balise personnelle).
        
        Bon, du coup, pour une seule bannière, je ne suis pas sûr que ça vaille la peine de se prendre plus la tête avec ces balises spéciales.
        
        Répondre
# Expérimentation en bannière

Posté par Benoît Sibaud (site web personnel) le 09 juillet 2020 à 16:11. Évalué à 3 (+0/-0).

Le bandeau apparaît désormais aussi en bannière (parmi celles en rotation). C'est une expérimentation.

Répondre
- [^] # Re: Expérimentation en bannière
  
  Posté par Adrien Dorsaz (site web personnel, Mastodon) le 13 juillet 2020 à 22:27. Évalué à 2 (+0/-0).
  
  Je n'avais pas pensé à utiliser ça, je trouve assez bien comme solution.
  
  La bannière met bien le texte en avant. Le côté aléatoire de la bannière permet aussi d'éviter d'être trop agressif.
  
  Dans ma requête, je parlais aussi de la mettre sur la liste des dépêches et la liste des journaux. Mais, finalement, ça suffit peut être là (ça dépend de l'habitude des utilisateurs avec ces deux autres pages 🤷).
  
  Répondre
  - [^] # Re: Expérimentation en bannière
    
    Posté par Adrien Dorsaz (site web personnel, Mastodon) le 13 juillet 2020 à 23:18. Évalué à 2 (+0/-0).
    Pour faire un peu plus propre le bandeau, tu peux le modifier comme ça:
```
- <div class="incitation">
+ <div class="incitation" style="border-top:none;margin:auto"> 
<h2>Faites vivre LinuxFr.org</h2>
<p>
Tous les articles sont le fruit du travail de la communauté. Grâce au
système de rédaction coopérative du site, on peut s’aider les uns les
autres. Pas besoin d’expertise pour participer.
</p>
<ul class="people-list">
<li>
<a href="/redaction">Participer</a>
</li>
<li>
<a href="/a-propos">En savoir plus</a>
</li>
</ul>
</div>
```
    Ça permet de supprimer la bordure du haut et les grandes marges qui sont superflues quand le bloque d'incitation est affiché dans le bandeau.
    Répondre
    - [^] # Re: Expérimentation en bannière
      
      Posté par Benoît Sibaud (site web personnel) le 14 juillet 2020 à 12:49. Évalué à 3 (+0/-0).
      
      C'est en place, merci, bien vu.
      
      Répondre

Envoyer un commentaire

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.