Un prompt peut-il remplacer Opinion Stage ?

Construis un widget de sondage et quiz intégrable avec des résultats stockés dans ta propre base de données.

Types d’éléments, seulement deux :

- Sondage : une question, deux réponses ou plus, chacune avec une image optionnelle. Un vote par visiteur. Après avoir voté, le lecteur voit la distribution sous forme de barres avec des pourcentages et un total.
- Quiz : plusieurs questions avec une bonne réponse chacune, image optionnelle par réponse. À la fin, un score et un message de résultat choisi parmi des fourchettes que l’auteur définit.

Création : un constructeur simple avec le texte de la question, les réponses, des images importées localement et redimensionnées en plusieurs tailles adaptatives, et des réglages par élément — afficher les résultats avant le vote ou non, autoriser à changer un vote ou non, et une date d’ouverture et de fermeture.

L’intégration : un script servi depuis ton propre domaine, déposé dans n’importe quelle page avec un élément conteneur portant l’identifiant de l’élément. Il doit s’afficher dans un shadow root pour que le CSS de la page hôte ne puisse pas le casser et que ses propres styles ne puissent pas fuiter, s’ajuster à son contenu, fonctionner sans aucun framework sur la page hôte, et faire moins de 20 Ko compressé. Fournis un repli sans JavaScript qui affiche un lien vers la propre page du sondage, pour qu’un lecteur avec les scripts désactivés voie quand même quelque chose.

Intégrité du vote, proportionnée aux enjeux : un vote par navigateur imposé avec un marqueur localStorage plus une vérification côté serveur sur un hash de l’IP et du user-agent qui tourne quotidiennement. Limite le débit par adresse. Ne pose pas de cookie persistant et ne stocke pas d’IP brute — un widget de sondage n’a pas besoin d’identifier qui que ce soit, et celui qui le fait est un risque sur la page de quelqu’un d’autre.

Résultats : des barres en direct qui se mettent à jour pour le votant sans rechargement de page, en utilisant une simple interrogation périodique du point de terminaison de résultats plutôt qu’une websocket. Le tableau de bord de l’auteur montre les totaux, les votes dans le temps, et la page référente d’où vient chaque vote quand le navigateur l’a fournie.

CORS : les points de terminaison de résultats et de vote n’acceptent les requêtes que d’une liste blanche d’origines configurée par élément, pour que le sondage ne puisse pas être intégré et voté ailleurs.

Export : les résultats en CSV, et la définition de l’élément en JSON pour qu’un sondage puisse être dupliqué.

Accessibilité : de vrais boutons radio avec des labels, utilisables au clavier, résultats annoncés aux technologies d’assistance après le vote. Un widget intégré qui n’est pas utilisable au clavier rend la page hôte moins bonne.

Hors périmètre : la capture de leads et le verrouillage des résultats derrière un email, les intégrations CRM, la comparaison d’audience avec d’autres sites, et une place de marché de modèles.