Sortibo
Langue: FR
EnglishDeutschEspañolFrançaisItalianoNederlandsPolskiPortuguês (Brasil)TürkçeNorskČeštinaSvenska日本語Dansk繁體中文Bahasa Indonesia한국어Tiếng Việt

Roue aléatoire Mettre une roue aléatoire sur votre site, Google Sites ou OBS

Mettre une roue aléatoire sur votre site, Google Sites ou OBS

Chaque roue créée ici peut s’installer ailleurs : dans un article de blog, sur le Google Sites de votre classe, une page WordPress ou votre live. Voici comment faire, étape par étape.

Créer d’abord la roue

Sur votre site ou votre blog

La roue s’affiche sur l’autre site dans un petit cadre, avec un lien en dessous. Vos visiteurs la font tourner directement sur votre page, et le résultat s’ouvre à l’intérieur du cadre. Rien à installer, aucun compte à créer, ni pour vous ni pour eux.

Le code reprend la roue telle qu’elle est au moment où vous appuyez sur Intégrer. Tapez donc d’abord vos entrées, le titre et choisissez les couleurs. Si vous modifiez la liste plus tard, copiez à nouveau le code et remplacez l’ancien.

  1. Ouvrez la roue sur un ordinateur et remplissez vos entrées. Le bouton Intégrer n’apparaît que sur les grands écrans, pas sur téléphone : coller du code se fait au bureau.
  2. Appuyez sur Intégrer, puis sur Copier le code.
  3. Dans l’éditeur de votre site, ajoutez un bloc qui accepte du HTML. Dans WordPress, c’est le bloc HTML personnalisé ; dans Wix et Squarespace, l’élément prévu pour intégrer du code.
  4. Collez le code et publiez. La roue s’adapte à la largeur de la colonne, jusqu’à 560 pixels.
À quoi ressemble le code (le vôtre contient vos propres entrées après #w=) :
<div style="max-width:560px;margin:0 auto">
<iframe src="https://sortibo.com/fr/embed/wheel/#w=..." title="Roue aléatoire" loading="lazy" allow="fullscreen" style="display:block;width:100%;aspect-ratio:4/5;min-height:420px;border:0;border-radius:16px"></iframe>
<p style="margin:6px 0 0;font:14px/1.4 system-ui,sans-serif;text-align:center">Roue créée avec <a href="https://sortibo.com/fr/roue-aleatoire/">Sortibo</a></p>
</div>

Publicité

Dans Google Sites

Beaucoup d’enseignants montent le site de leur classe avec Google Sites. La roue y trouve bien sa place, pour désigner l’élève qui répond ou le thème de l’exposé du vendredi.

  1. Copiez le code depuis Intégrer, comme ci-dessus.
  2. Dans Google Sites, ouvrez Insérer dans le panneau de droite et choisissez Intégrer.
  3. Passez sur l’onglet qui sert à coller du code (et non une URL), collez, appuyez sur Suivant puis sur Insérer.
  4. Tirez sur les coins du cadre jusqu’à voir toute la roue, puis publiez le site.

Publicité

En overlay de live dans OBS

Pour un live, il existe un lien à part avec un fond transparent : vos spectateurs ne voient que la roue et la carte du gagnant par-dessus votre scène, sans la page autour.

Vous pouvez écrire vous-même le message du gagnant, par exemple « {name} choisit le prochain jeu », et mettre chaque gagnant de côté pour qu’un concours ne désigne jamais deux fois le même spectateur.

  1. Sur la page de la roue, ouvrez Réglages puis Overlay pour le live (OBS). Écrivez un message si vous le souhaitez et appuyez sur Copier le lien de l’overlay.
  2. Dans OBS, ajoutez une source avec le bouton plus, choisissez Navigateur (Browser dans OBS en anglais) et collez le lien dans le champ URL.
  3. Réglez la largeur sur 1920 et la hauteur sur 1080. La roue se place à gauche, la carte du gagnant apparaît à côté.
  4. Pour lancer la roue pendant le live, faites un clic droit sur la source, choisissez Interagir, puis cliquez sur la roue ou appuyez sur la barre d’espace.

Questions sur l’intégration de la roue

Est-ce gratuit de mettre la roue sur mon site ?

Oui. Pas de compte, pas de clé, pas de limite de vues. Nous demandons seulement de garder le petit lien sous la roue, qui fait partie du code.

Mes visiteurs verront-ils de la publicité dans la roue ?

Non. La roue intégrée affiche la roue, son titre, un bouton pour le son et un petit lien vers nous, rien d’autre. Elle ne dépose aucun cookie et ne charge rien depuis d’autres entreprises.

Mon éditeur n’accepte qu’un lien, pas de code. Comment faire ?

Certains outils, comme Notion ou quelques plateformes scolaires, demandent une adresse web au lieu du HTML. Copiez le code, puis gardez seulement l’adresse qui se trouve dans src="...". Elle ouvre la même roue.

Puis-je changer les entrées une fois la roue intégrée ?

Les entrées voyagent dans le code : une modification sur notre page n’arrive donc pas sur votre site. Modifiez la roue, appuyez à nouveau sur Intégrer et remplacez l’ancien code par le nouveau.

Le résultat est-il un vrai tirage au sort ?

Le lancer se fait dans le navigateur de votre visiteur, avec son générateur aléatoire sécurisé, exactement comme sur notre propre page. Chaque entrée a la même chance, sauf si vous lui avez donné un poids comme Léa *3.

Publicité

Autres outils de tirage