Ruleta aleatoria Ruleta para página web, Google Sites u OBS
Ruleta para página web, Google Sites u OBS
Cualquier ruleta que hagas aquí puede vivir en otra página: una entrada de blog, el Google Sites de tu clase, una página de WordPress o tu directo. Aquí tienes cómo hacerlo, paso a paso.
En tu web o tu blog
La ruleta entra en la otra web como un pequeño marco con un enlace debajo. Quien visita tu página la gira ahí mismo y el resultado aparece dentro del marco. No se instala nada y nadie necesita una cuenta.
El código se crea a partir de la ruleta tal como está cuando pulsas Insertar, así que antes escribe las opciones, pon el título y elige los colores. Si después cambias la lista, copia el código de nuevo y sustituye el anterior.
- Abre la ruleta en una pantalla ancha, como la de una computadora, y escribe tus opciones. El botón Insertar no aparece en el teléfono, porque pegar código es trabajo de escritorio.
- Pulsa Insertar y luego Copiar código.
- En el editor de tu web, añade un bloque que acepte HTML. En WordPress es el bloque HTML personalizado; en Wix, Insertar código; en Squarespace, un bloque de Código.
- Pega el código y publica. La ruleta se adapta al ancho de la columna, hasta 560 píxeles.
<div style="max-width:560px;margin:0 auto">
<iframe src="https://sortibo.com/es/embed/wheel/#w=..." title="Ruleta aleatoria" 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">Ruleta hecha con <a href="https://sortibo.com/es/ruleta-aleatoria/">Sortibo</a></p>
</div>Publicidad
En Google Sites
Muchos profes montan la página de su clase en Google Sites, y la ruleta encaja bien ahí para elegir quién responde o qué tema toca el viernes.
- Copia el código desde Insertar, como arriba.
- En Google Sites, abre la pestaña Insertar del panel derecho y elige la opción Insertar (el icono
< >). Si tu Google Sites está en inglés, son Insert y Embed. - Cambia a la pestaña Insertar código, pega el código, pulsa Siguiente y después Insertar.
- Arrastra las esquinas del recuadro hasta que se vea la ruleta entera y publica el sitio.
Publicidad
Como overlay de directo en OBS
Para un directo hay un enlace aparte con fondo transparente: tu audiencia solo ve la ruleta y la tarjeta del ganador sobre tu escena, sin la página alrededor.
Puedes escribir tú el mensaje del ganador, por ejemplo «{name} elige el próximo juego», y apartar a cada ganador para que en un sorteo nunca salga dos veces el mismo espectador.
- En la página de la ruleta, abre Ajustes y busca Overlay para directos (OBS). Escribe el mensaje si quieres uno, marca Apartar a cada ganador antes de la siguiente tirada si es un sorteo y pulsa Copiar enlace del overlay.
- En OBS, añade una fuente con el botón más, elige Navegador (Browser si tu OBS está en inglés) y pega el enlace en el campo URL.
- Pon 1920 de ancho y 1080 de alto. La ruleta queda a la izquierda y la tarjeta aparece a su lado.
- Para girar durante el directo, haz clic derecho en la fuente, elige Interactuar y luego haz clic en la ruleta o pulsa la barra espaciadora.
Preguntas sobre insertar la ruleta
¿Cuesta algo poner la ruleta en mi web?
No. No hay cuenta, ni clave, ni límite de visitas. Solo te pedimos el enlace pequeño que va debajo de la ruleta, que ya viene en el código.
¿Verán anuncios mis visitantes?
No. La ruleta insertada muestra la ruleta, su título, un botón de sonido y un pequeño enlace de crédito, nada más. No guarda cookies ni carga nada de otras empresas.
¿Y si mi web solo acepta un enlace, no código?
Algunos editores, como Notion o ciertas plataformas escolares, piden una dirección web en lugar de HTML. Copia el código y usa solo la dirección que hay dentro de src="...". Abre la misma ruleta.
¿Puedo cambiar las opciones después de insertarla?
Las opciones viajan dentro del código, así que un cambio en nuestra página no llega a tu web. Edita la ruleta, pulsa Insertar otra vez y cambia el código viejo por el nuevo.
¿Es justa para un sorteo en directo?
Sí. El giro usa el navegador de quien gira y su generador aleatorio seguro, igual que en nuestra propia página. Todas las opciones tienen la misma probabilidad, salvo que les des más peso con algo como Ana *2.
Publicidad
Más herramientas para sortear
- Ruleta aleatoriaEscribe una lista, gira y sale un ganador.
- Sorteo de nombresSaca uno o varios nombres sin repetir.
- Generador de equiposReparte una lista en equipos parejos al azar.
- Amigo invisible o secretoUn enlace privado por persona, por WhatsApp y sin email.
- Ruleta sí o noUn sí, un no o un tal vez, al momento.
- Letra aleatoriaUna letra al azar para jugar a Stop o Basta.
- País aleatorioUn país de cualquier continente, con bandera y capital.
- Palabras aleatoriasSustantivos, verbos o adjetivos al azar, también para dibujar.
- Versículo aleatorioUn versículo conocido al azar, o el versículo del día.
- Generador de nombres aleatoriosNombres y apellidos reales de cada país, de mujer o de hombre.
- Ciudad aleatoriaUna ciudad de España, México, otros 9 países, Europa o el mundo.
- Fecha aleatoriaUna fecha, un mes, un día de la semana o una hora.
- Color aleatorioUn color al azar con su código HEX, RGB y HSL.
- Sorteo de númerosSaca uno o varios números de cualquier rango, sin repetir.
- Bingo online90 o 75 bolas, cantadas en voz alta y con tablero para el proyector.
- Cartones de bingoCartones de 90, 75 o palabras, todos distintos.
- Boletos de rifaBoletos numerados con talón, listos para imprimir.
- Generador de asientos en claseFilas de mesas, asientos al azar, parejas separadas.