Passer au contenu principal

Widget Classement đŸ„‡

Afficher et gérer les scores via le Ranking pour récompenser l'émulation des participants

Description

Le Widget Classement permet d'afficher le classement des utilisateurs en fonction du score rĂ©alisĂ© sur un ou plusieurs modules de jeu. Vous pouvez l'intĂ©grer n'importe oĂč dans votre parcours client pour booster l'engagement.

Ce module est utile aprĂšs un ou plusieurs jeu(x) Ă  score.

Installation du widget

Le classement n'est pas cantonné à une page unique. C'est un composant que vous pouvez placer selon vos besoins :

  1. Ajout via la section Widgets : Cliquez sur le bouton "+" de l'éditeur et glissez le widget "Rank" sur la page de votre choix (Page pré jeu, Page de résultat, Page de fin, etc.).

  2. Multi-affichage : Vous pouvez ajouter deux widgets de classement sur une mĂȘme page (par exemple : un classement hebdomadaire et un classement gĂ©nĂ©ral).

  3. Page dédiée : Ajoutez une page (basique ou autre) et ajoutez simplement le widget par défaut, que vous pouvez personnaliser.

Configuration du Widget

  • Page de jeu : SĂ©lectionner le ou les jeu(x) pour le(s)quel(s) vous souhaitez afficher le classement des joueurs. Par exemple, si vous souhaitez avoir un classement pour un Megajump, sĂ©lectionnez “Megajump” dans page de jeu. Si vous sĂ©lectionnez "Toutes" ça sera le classement sur tous jeux confondus prĂ©sents sur la campagne.
    ​

  • Affichage du top : Choisissez le nombre de participants Ă  afficher dans la liste (Top 10, 50, 100, 200 ou 500).

  • Filtre pĂ©riodique : Vous avez le choix entre plusieurs filtres pour l'affichage des scores : global (toute la durĂ©e de la campagne), jour, semaine, mois.

⚠ Si vous avez une campagne multilingue, le classement qui sera visible sera commun Ă  toutes les langues (ex: un joueur de la version française pourra apparaĂźtre avec un joueur de la version anglaise).

  • Affichage des scores : Choisissez le type d'affichage en fonction de :
    ​Score le plus Ă©levĂ© : Seule la meilleure performance de l'utilisateur est retenue, toutes participations et mĂ©caniques confondues.
    ​Scores cumulĂ©s : Tous les points obtenus par un joueur lors de ses diffĂ©rentes parties sont additionnĂ©s.
    ​Meilleurs scores cumulĂ©s : Additionne les meilleurs scores de chaque mĂ©canique Ă  score prĂ©sente sur la campagne.

✍ En cas d'Ă©galitĂ© : C'est le premier utilisateur atteignant ce score, peu importe sa date de participation initiale, qui sera considĂ©rĂ© vainqueur.

  • Filtrer par point de vente : Activez l'option seulement si vous souhaitez que les utilisateurs puissent filtrer par leur point de vente. Ce champ doit ĂȘtre prĂ©sent sur le formulaire.

Apparence de la liste

Type d'affichage : Choisissez le type d’affichage, qui correspond au nom qui sera visible sur le classement, vous avez le choix entre :

  • PrĂ©nom + Nom

  • PrĂ©nom + Nom rĂ©duit (ex : Simon D.)

  • PrĂ©nom uniquement

  • Pseudo (champ Ă  ajouter sur le formulaire)

Couleur des lignes séparatrices : Personnalisez la couleur des lignes entre chaque joueur dans le classement.

Polices : Ajoutez votre propre police au rendu de la liste, adaptez sa taille ainsi que sa couleur.

Mise en évidence du joueur courant : Rendez visible la participation de l'utilisateur en la mettant en évidence via des options de couleur, mise en gras, italique et/ou souligné.
Vous pouvez également choisir une couleur de fond spécifique pour la mise en évidence de la participation.

Apparence de la pagination et des filtres

Polices : Ajoutez votre propre police au rendu de la pagination et des filtres, adaptez sa taille ainsi que sa couleur.

Vous pouvez également personnaliser :

  • La couleur de fond

  • La couleur de fond de la page courante

  • La couleur du texte

Arrondi des éléments : Vous pouvez ajuster l'arrondi des lignes du classement pour qu'il s'intÚgre parfaitement au design de votre campagne (du style carré au style trÚs arrondi)

⚠ Un classement sur une campagne peut inciter des comportements malveillants (triches pour ĂȘtre dans les meilleurs). Consultez l'article dĂ©diĂ© Ă  ce sujet pour mettre en place des actions pour limiter cela.

Installation de la partie Mobile

Une fois votre page Desktop configurĂ©e, il vous faut passer en vue Mobile afin d'importer le fond dĂ©diĂ© et de mettre en forme votre page pour ce support. Pour importer un fond Mobile, suivez la mĂȘme procĂ©dure que pour le fond Desktop.

L'image de fond mobile doit ĂȘtre au format .jpeg ou .png. Ses dimensions seront de 640px de largeur sur une hauteur libre, selon les Ă©crans et le contenu Ă  afficher.

Autres paramĂštres disponibles



Besoin d'aide ?

Obtenez de l'aide auprùs du support en ligne en cliquant sur la bulle 💬

Avez-vous trouvé la réponse à votre question ?