Colocação rápida
Cole um trecho de código iframe em um bloco de CMS, construtor de sites ou modelo HTML sem precisar reconstruir sua página.
Jogo iframe embeds
Jogos Iframe para o seu site
Adicione um jogo jogável no navegador a um site com um simples iframe. O Games I Know oferece aos proprietários de sites uma rota de frame leve, jogos otimizados para dispositivos móveis e eventos postMessage opcionais para inícios, movimentos e resultados finais.
Rota de quadros para embeds
Dimensionamento priorizado para dispositivos móveis
eventos postMessage
Configuração com reconhecimento de domínio
Resposta curta
Utilize uma rota de frame e, em seguida, adicione o contexto da página.
Para sites embeds, use um Games I Know iframe com a rota /embed/{gameSlug}/frame/, largura de 100% e seu ID de locatário. Funciona bem para blogs, páginas comerciais, comunidades e sites personalizados.
Experimente um jogo iframe embed
Primeiro, execute a demonstração iframe e, em seguida, inspecione o registro de eventos da página principal para ver o que seu site pode receber.
Proprietários de sites que desejam um iframe direto embed
Por que os jogos iframe funcionam bem em sites
Um iframe mantém o jogo isolado da sua página principal, ao mesmo tempo que oferece aos visitantes um bloco jogável com aparência nativa.
Isolamento mais seguro
O jogo roda em seu próprio frame, portanto o layout, os scripts e os estilos permanecem separados da sua página principal.
Eventos úteis
Fique atento aos eventos de início e término quando precisar de análises, recompensas ou comportamento personalizado da página.
Fluxo de configuração
Como adicionar jogos iframe a um site
O padrão de produção é simples: registre o domínio, copie um URL de frame, defina as dimensões iframe e fique à escuta de eventos, se necessário.
Etapa 1
Criar uma conta de parceiro
Registre o site que hospedará o jogo para que o iframe possa ser vinculado a um domínio aprovado.
Etapa 2
Escolha um jogo
Escolha Tic Tac Toe, Four in a Row, Bingo ou I Know com base no público e no layout da página.
Etapa 3
Cole o URL do frame
Use /embed/{gameSlug}/frame/ como a fonte iframe. A página pública /embed/{gameSlug}/ é para humanos e mecanismos de pesquisa.
Etapa 4
Fique atento aos eventos.
Utilize eventos postMessage, como GAME_STARTED e GAME_COMPLETED, quando sua página precisar de análises, recompensas ou interface de usuário personalizada.
Implementação
Notas sobre o posicionamento do iframe
Utilize a rota do frame dentro do iframe e mantenha a rota de destino pública disponível como um link normal para usuários e rastreadores.
Use a rota do quadro
O atributo iframe src deve apontar para /embed/{gameSlug}/frame/ com seu tenantId. Não utilize iframe na página pública de SEO.
Defina dimensões estáveis.
Use largura="100%" e altura próxima de 640px para que o jogo tenha espaço suficiente em celulares e colunas de conteúdo de desktops.
Lide com a conclusão com cuidado.
Para prêmios, créditos ou conteúdo restrito, encaminhe resultId e signedToken de GAME_COMPLETED para o seu servidor e verifique com uma chave de servidor parceiro antes de conceder as recompensas.
Jogos disponíveis
Escolha o jogo que se encaixa na página.
Tic Tac Toe
Embed for same-screen play on your site, or send players to Games I Know to challenge a friend remotely with a room link.
Configuração Embed
Four in a Row
Embed for local two-player drops on one screen, or link friends to play Four in a Row online from anywhere.
Configuração Embed
Bingo
Same-screen Bingo in your embed, or host a remote room so players can join from their own devices.
Configuração Embed
I Know
Quick trivia in your embed on one screen, or run a live room so friends can answer from anywhere.
Configuração Embed
Sudoku
Embed a solo Sudoku puzzle for calm brain breaks on blogs, school pages, and waiting-room screens.
Configuração Embed
Word Search
Embed a solo Word Search puzzle for quick brain breaks on blogs, school pages, and waiting-room screens.
Configuração Embed
Perguntas frequentes
Perguntas frequentes sobre iframe jogos para site
Qual é a diferença entre /embed/{gameSlug}/ e /embed/{gameSlug}/frame/?
Use /embed/{gameSlug}/frame/ como o src do iframe. Essa rota é o frame de jogo leve criado para embeds de sites e eventos postMessage. A rota /embed/{gameSlug}/ é a página de pré-visualização pública e SEO para usuários, não a rota para ser inserida em um iframe.
Os visitantes precisam baixar um aplicativo ou criar uma conta?
Não. Os visitantes podem jogar dentro do navegador iframe em celulares, tablets, laptops ou computadores. Uma conta de parceiro é necessária apenas para o proprietário do site que instala o embed.
Posso restringir o embed ao meu próprio domínio?
Sim. Os termos Games I Know e embed são projetados para sites registrados e configurações de locatário com restrição de domínio, portanto, o código copiado de iframe não pode ser reutilizado livremente em sites não autorizados.
Quais títulos Games I Know estão atualmente disponíveis para embed?
Tic Tac Toe, Four in a Row, Bingo e I Know estão disponíveis como jogos de navegador compatíveis com embed. A documentação de embed utiliza o mesmo modelo de eventos em todos os jogos suportados.
Os jogos iframe são ruins para SEO?
A página principal do jogo não deve ser a página de SEO. Mantenha uma página indexável normal em torno do embed com texto útil, links e conteúdo de perguntas frequentes. O Games I Know também fornece páginas públicas e documentação que os mecanismos de busca e os rastreadores do AI podem entender.
Pronto para adicionar um jogo ao navegador?
Crie uma conta de parceiro, registre seu domínio e gere um iframe com restrição de domínio para seu site.