Rad van fortuin online Rad van fortuin op je website, in Google Sites of OBS

Rad van fortuin op je website, in Google Sites of OBS

Elk rad dat je hier maakt, kan ook op een andere pagina staan: in een blogbericht, op de Google Site van je klas, op een WordPress-pagina of in je stream. Hieronder lees je stap voor stap hoe.

Maak eerst je rad

Op je eigen website of blog

Het rad komt op de andere site als een klein kader met een link eronder. Bezoekers draaien het daar, op jouw pagina, en de uitslag verschijnt in hetzelfde kader. Er hoeft niets geïnstalleerd te worden en niemand heeft een account nodig.

De code wordt gemaakt van het rad zoals het is op het moment dat je op Insluiten drukt. Zet dus eerst je opties erop, geef het rad een titel en kies de kleuren. Verander je de lijst later, kopieer de code dan opnieuw en vervang de oude.

Open het rad op een computer en vul je opties in. De knop Insluiten staat alleen op bredere schermen, want code plakken doe je toch achter een bureau.
Druk op Insluiten en daarna op Code kopiëren.
Voeg in de editor van je site een blok toe dat HTML accepteert. In WordPress is dat het blok Aangepaste HTML, in Wix en Squarespace heet het een blok voor insluitcode of code.
Plak de code en publiceer. Het rad past zich aan de breedte van de kolom aan, tot 560 pixels.

Zo ziet de code eruit (in de jouwe staan na #w= je eigen opties):

<div style="max-width:560px;margin:0 auto">
<iframe src="https://sortibo.com/nl/embed/wheel/#w=..." title="Rad van fortuin online" 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">Rad gemaakt met <a href="https://sortibo.com/nl/rad-van-fortuin/">Sortibo</a></p>
</div>

In Google Sites

Veel leerkrachten maken een klassenpagina in Google Sites. Het rad past daar goed, bijvoorbeeld om te draaien wie de volgende vraag beantwoordt of welk onderwerp er vrijdag aan bod komt.

Kopieer de code via Insluiten, zoals hierboven.
Open in Google Sites rechts het tabblad Invoegen en kies Insluiten.
Ga in het venster naar het tabblad voor insluitcode, plak de code, druk op Volgende en daarna op Invoegen.
Sleep de hoeken van het vak tot het hele rad te zien is en publiceer de site.

Als streamoverlay in OBS

Voor een livestream is er een aparte link met een doorzichtige achtergrond. Je kijkers zien alleen het rad en de kaart van de winnaar boven je scène, zonder pagina eromheen.

De tekst voor de winnaar schrijf je zelf, bijvoorbeeld "{name} kiest de volgende game". Je kunt ook elke winnaar apart laten zetten, zodat een winactie nooit twee keer dezelfde kijker kiest.

Open op de pagina van het rad Instellingen en ga naar Streamoverlay (OBS). Schrijf eventueel je tekst en druk op Overlaylink kopiëren.
Voeg in OBS met de plusknop een bron toe, kies Browser en plak de link in het veld URL.
Zet de breedte op 1920 en de hoogte op 1080. Het rad staat links en de kaart verschijnt ernaast.
Draaien tijdens de stream: klik met rechts op de bron, kies Interactie (in de Engelse versie van OBS Interact) en klik op het rad of druk op de spatiebalk.

Vragen over het rad op je eigen site

Is het gratis om het rad op mijn site te zetten?

Ja. Er is geen account, geen sleutel en geen limiet op het aantal keer dat het rad bekeken wordt. We vragen alleen om het kleine linkje onder het rad te laten staan, dat bij de code hoort.

Zien mijn bezoekers reclame in het rad?

Nee. Het ingesloten rad toont het rad, de titel, een knop voor het geluid en een klein linkje naar ons, verder niets. Het zet geen cookies en laadt niets van andere bedrijven.

Mijn site accepteert alleen een link, geen code. Wat nu?

Sommige editors, zoals Notion of een paar schoolplatforms, vragen om een webadres in plaats van HTML. Kopieer dan de code en gebruik alleen het adres tussen src="...". Dat opent hetzelfde rad.

Kan ik de opties nog veranderen als het rad al op mijn site staat?

De opties zitten in de code zelf, dus een wijziging op onze pagina komt niet vanzelf op jouw site. Pas het rad aan, druk opnieuw op Insluiten en vervang de oude code door de nieuwe.

Is de uitslag eerlijk?

Het rad draait in de browser van je bezoeker, met dezelfde veilige toevalsgenerator als op onze eigen pagina. Elke optie heeft evenveel kans, tenzij je er zelf een gewicht aan gaf, zoals Anna *3.