FastComments.com

Installation du widget de discussions récentes Internal Link

Le widget Discussions récentes affiche les pages de votre site ayant l'activité de commentaires la plus récente. Chaque élément affiche le titre de la page, la date de la dernière activité et le nombre total de commentaires. Il détecte automatiquement les arrière-plans sombres et ajuste son style en conséquence.

Installation de base

Installation du widget Discussions récentes
Copy CopyRun External Link
1
2<script src="https://cdn.fastcomments.com/js/widget-recent-discussions-v2.min.js"></script>
3<div id="fastcomments-widget-recent-discussions"></div>
4<script>
5 FastCommentsRecentDiscussionsV2(document.getElementById('fastcomments-widget-recent-discussions'), {
6 tenantId: 'demo'
7 });
8</script>
9

Options de configuration

La fonction FastCommentsRecentDiscussionsV2 accepte les options de configuration suivantes :

  • tenantId (requis) : Votre ID de locataire FastComments
  • count (optionnel) : Nombre de pages à afficher. La valeur par défaut est 20, maximum 100
  • hasDarkBackground (optionnel) : Forcer le style en mode sombre. Détecté automatiquement à partir de l'arrière-plan de la page si non configuré

Exemples avancés

Nombre personnalisé

Discussions récentes avec nombre personnalisé
Copy CopyRun External Link
1
2<script src="https://cdn.fastcomments.com/js/widget-recent-discussions-v2.min.js"></script>
3<div id="fastcomments-widget-recent-discussions"></div>
4<script>
5 FastCommentsRecentDiscussionsV2(document.getElementById('fastcomments-widget-recent-discussions'), {
6 tenantId: 'demo',
7 count: 5
8 });
9</script>
10

Forcer le mode sombre

Discussions récentes avec mode sombre
Copy CopyRun External Link
1
2<script src="https://cdn.fastcomments.com/js/widget-recent-discussions-v2.min.js"></script>
3<div id="fastcomments-widget-recent-discussions"></div>
4<script>
5 FastCommentsRecentDiscussionsV2(document.getElementById('fastcomments-widget-recent-discussions'), {
6 tenantId: 'demo',
7 hasDarkBackground: true
8 });
9</script>
10