Incorporar Adedonha (Stop) no seu próprio site

Dois modos: gerador ou iniciador de partida

• Gerador de letra e categorias (?mode=generator). O visitante sorteia uma letra com uma curta animação e gera 5 categorias aleatórias do acervo do idioma direto dentro do quadro. Um botão abaixo permite abrir uma sala online já com essas 5 categorias.
• Iniciador compacto de partida (?mode=starter). O visitante escolhe entre as letras mais comuns ou o alfabeto completo A–Z, define o número de rodadas e clica em “Começar jogo” para abrir o Adedonha Online em uma nova aba.

Onde vale a pena incorporar

• Blogs de jogos e dicas de festa. Quem lê um artigo sobre brincadeiras em grupo pode sortear uma letra e 5 temas na hora, sem sair da sua página.
• Escolas e aulas de idiomas. Na página da turma ou no portal da escola, os alunos sorteiam uma letra e cinco categorias para um aquecimento rápido.
• Clubes, grupos de jovens e acampamentos. Com o iniciador de partida no site do grupo, qualquer pessoa abre uma sala online com um clique.
• Equipes e intranets de empresas. Um quebra-gelo rápido de cinco minutos antes da reunião ou no encontro de sexta-feira, direto na página da equipe.

Incorpore em três passos

1. Escolha as opções. Selecione acima o modo (gerador ou iniciador), o tema de cores, o idioma e o texto do link.
2. Copie o código HTML. Clique em “Copiar código HTML”. O quadro e o link de origem abaixo caminham juntos.
3. Cole no seu site. Insira o código em um bloco de HTML personalizado no WordPress, Google Sites, Wix, Squarespace ou outro sistema.

Onde funciona

• WordPress. Adicione um bloco de “HTML personalizado” e cole o código. No editor clássico, mude para a aba “Texto”.
• Google Sites. Clique em Inserir, depois em Incorporar, escolha “Código de incorporação” e cole.
• Wix, Squarespace e Webnode. Adicione o elemento “Incorporar HTML” ou bloco de código na seção desejada e cole.
• Joomla, Drupal e outros CMS. Coloque o código em um módulo HTML. Caso o editor remova o quadro, libere o elemento iframe nas permissões.
• Sites estáticos, Markdown e intranets. Cole o trecho HTML direto no seu arquivo Markdown ou no modelo da página.

Privacidade, modo escuro e altura automática

A visualização em /pt/embed/ é enxuta e independente: não define cookies, não usa o armazenamento local do navegador, não carrega Matomo e não faz chamadas a terceiros.

No modo automático, o quadro acompanha o tema claro ou escuro do aparelho do visitante (prefers-color-scheme). Também dá para fixar ?theme=light ou ?theme=dark.

Sempre que o conteúdo muda, o quadro envia a altura atual por postMessage ({ type: 'pc-resize', height }) para a página mãe, mas a altura padrão do código já acomoda todos os idiomas.