Cet article de test vous permet de prévisualiser la mise en page de votre contenu avant la mise en ligne définitive. Ajoutez ici votre texte principal, vos idées, vos actualités ou vos annonces importantes. Vous pouvez structurer le contenu avec des paragraphes clairs, des listes et des mots mis en évidence pour faciliter la lecture et mettre en avant les informations clés.

Utilisez cette zone pour vérifier la longueur idéale de vos textes, le ton de votre message et la façon dont il s’affiche sur différents écrans. Une fois satisfait, vous pourrez remplacer ce texte de démonstration par votre contenu final.

Barre de raccourcis vers les réseaux sociaux

Ajoutez ici une barre de partage rapide pour permettre à vos visiteurs de diffuser facilement votre article sur leurs réseaux préférés :

• Bouton de partage Facebook
• Bouton de partage X / Twitter
• Bouton de partage LinkedIn
• Bouton de partage WhatsApp ou Messenger

Placez cette barre à côté ou en dessous de l’article pour encourager le partage et augmenter la visibilité de votre contenu. Vous pouvez également ajouter des compteurs de partages ou des icônes personnalisées pour renforcer votre identité visuelle.

Voici un exemple de script JavaScript très simple pour afficher et incrémenter un compteur de vues sur une page, en utilisant le stockage local du navigateur (localStorage). Ce compteur augmente à chaque visite de l’utilisateur sur la page. Pour un compteur global (toutes les visites de tous les utilisateurs), il faut un backend (PHP, Node.js, etc.) ou un service externe.

<!-- Placez ce code HTML où le compteur doit s'afficher -->
<span>0</span> vues

<script>
  // Clé unique pour cette page
  const key = 'page_views_demo';

  // Récupérer la valeur actuelle
  let views = localStorage.getItem(key);

  if (!views) {
    views = 0;
  } else {
    views = parseInt(views, 10) || 0;
  }

  // Incrémenter et sauvegarder
  views++;
  localStorage.setItem(key, views);

  // Afficher dans la page
  const el = document.getElementById('view-counter');
  if (el) {
    el.textContent = views;
  }
</script>

Adaptez simplement la clé (page_views_demo) pour chaque page. Pour un vrai compteur partagé entre tous les visiteurs, utilisez une API ou un script serveur qui enregistre les vues dans une base de données ou un fichier.

Pour un compteur global, vous pouvez par exemple :

• Créer un petit script PHP qui lit et met à jour un fichier texte ou une base de données.
• Utiliser un service tiers de compteur de visites et intégrer le script fourni.
• Mettre en place une fonction serverless (Firebase, AWS Lambda, etc.) qui incrémente un compteur stocké dans une base NoSQL.

Le script ci-contre reste idéal pour des tests, des maquettes ou un compteur par utilisateur sans backend.

Pour afficher un compteur de vues sur chaque article, vous devez d’abord enregistrer le nombre de consultations, puis l’afficher dans votre modèle d’article. Selon votre système (WordPress, CMS maison ou framework), cela passe généralement par un champ dédié en base de données, incrémenté à chaque chargement de la page. Ensuite, vous insérez un petit bloc de code dans le template de l’article pour lire et afficher cette valeur, par exemple sous le titre ou près de la date de publication.

Sur WordPress, vous pouvez soit utiliser une extension spécialisée (post views counter, analytics, etc.), soit ajouter une fonction personnalisée dans functions.php qui met à jour un champ personnalisé à chaque visite. Dans tous les cas, pensez à exclure les robots et les rafraîchissements abusifs pour garder des statistiques fiables, et à présenter le compteur de manière discrète mais lisible, comme « 1 234 vues ».

Voici une approche générique :

• 1. Stocker les vues : ajoutez un champ numérique views à vos articles et incrémentez-le à chaque affichage réel de la page (par exemple dans un middleware, un contrôleur ou un hook).
• 2. Protéger les données : filtrez les IP internes, les robots et limitez l’incrémentation pour une même session afin d’éviter les gonflements artificiels.
• 3. Afficher le compteur : dans votre template d’article, récupérez la valeur du champ views et affichez-la avec un libellé clair, par exemple sous forme de texte ou d’icône d’œil suivie du nombre.
• 4. Tester l’affichage : vérifiez sur plusieurs articles que le compteur augmente bien et reste cohérent avec vos statistiques globales (Analytics, etc.).

En adaptant ces étapes à votre CMS ou framework, vous pourrez proposer un compteur de vues fiable et utile à vos lecteurs comme à vos auteurs.