Roleta online Roleta para site, blog, Google Sites e live no OBS

Roleta para site, blog, Google Sites e live no OBS

Qualquer roleta que você monta aqui pode ir para outra página: um post de blog, o Google Sites da sua turma, uma página do WordPress ou a sua live. Veja como, passo a passo.

Monte a roleta primeiro

No seu site ou blog

A roleta entra no outro site como um quadro pequeno, com um link embaixo. Quem visita gira ali mesmo, na sua página, e o resultado abre dentro do quadro. Nada é instalado e ninguém precisa criar conta.

O código sai da roleta do jeito que ela está quando você aperta Incorporar. Então digite os itens, escreva o título e escolha as cores antes. Se mudar a lista depois, copie o código de novo e troque o antigo.

Abra a roleta num computador e preencha os itens. O botão Incorporar só aparece em telas maiores, não no celular, porque colar código é trabalho de computador.
Aperte Incorporar e depois Copiar código.
No editor do seu site, adicione um bloco que aceite HTML. No WordPress, é o bloco HTML personalizado. No Wix e no Squarespace, procure o elemento de incorporar código ou o bloco de código.
Cole o código e publique. A roleta se ajusta à largura da coluna, até 560 pixels.

Assim fica o código (o seu traz os seus itens depois de #w=):

<div style="max-width:560px;margin:0 auto">
<iframe src="https://sortibo.com/pt-br/embed/wheel/#w=..." title="Roleta 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">Roleta feita com <a href="https://sortibo.com/pt-br/roleta-online/">Sortibo</a></p>
</div>

No Google Sites

Muitos professores montam a página da turma no Google Sites, e a roleta encaixa bem ali para sortear quem responde a próxima pergunta ou qual tema cai na sexta-feira.

Copie o código em Incorporar, como explicado acima.
No Google Sites, abra a aba Inserir, no painel da direita, e escolha Incorporar.
Vá para a aba Incorporar código, cole, aperte Próxima e depois Inserir.
Arraste os cantos da caixa até a roleta aparecer inteira e publique o site.

Como overlay de live no OBS

Para live existe um link separado, com fundo transparente: quem assiste vê só a roleta e o cartão do sorteado em cima da sua cena, sem a página em volta.

Você pode escrever a mensagem do sorteado, por exemplo "{name} escolhe o próximo jogo", e marcar para tirar cada sorteado antes do próximo giro. Assim um sorteio entre quem acompanha o canal nunca pega a mesma pessoa duas vezes.

Na página da roleta, abra Opções e depois Overlay para live (OBS). Escreva a mensagem, se quiser, e aperte Copiar link do overlay.
No OBS, adicione uma fonte com o botão de mais, escolha Navegador (Browser, se o seu OBS estiver em inglês) e cole o link no campo URL.
Coloque a largura em 1920 e a altura em 1080. A roleta fica à esquerda e o cartão aparece ao lado.
Para girar durante a live, clique com o botão direito na fonte, escolha Interagir e depois clique na roleta ou aperte a barra de espaço.

Dúvidas sobre colocar a roleta no site

É grátis colocar a roleta no meu site?

É. Não tem conta, nem chave, nem limite de visualizações. A única coisa que pedimos é o link pequeno embaixo da roleta, que já faz parte do código.

Quem visita vai ver anúncios na roleta?

Não. A roleta incorporada mostra só a roleta, o título, um botão de som e um link pequeno de crédito. Ela não grava cookies nem carrega nada de outras empresas.

E se o meu site só aceita link, e não código?

Alguns editores, como o Notion e certas plataformas de escola, pedem um endereço em vez de HTML. Copie o código e use só o endereço que está dentro de src="...". Ele abre a mesma roleta.

Posso mudar os itens depois de incorporar?

Os itens vão dentro do código, então uma mudança na nossa página não chega ao seu site. Edite a roleta, aperte Incorporar de novo e troque o código antigo pelo novo.

O resultado vale como sorteio justo?

O giro usa o navegador de quem visita e o gerador aleatório seguro dele, como na nossa própria página. Todo item tem a mesma chance, a não ser que você tenha dado um peso a ele, como Ana *3.