Gerador de código de incorporação responsivo (YouTube, Vimeo, Maps, Calendly) | We.Inc
Cole um link do YouTube, Vimeo, Google Maps, Calendly, Spotify, Loom ou Google Forms e receba um código iframe responsivo, com carregamento lento e título acessível, uma prévia ao vivo e uma nota de privacidade para cada provedor.
Cole um link de um provedor compatível, escolha uma proporção e dê um título à incorporação. Você recebe um código iframe que se ajusta a qualquer largura de tela, só carrega quando o visitante rola até perto dele e traz um título para quem usa leitor de tela. Uma prévia ao vivo mostra o resultado, e uma nota para cada provedor explica o que ele pode rastrear e se existe uma opção mais respeitosa com a privacidade. Tudo roda no seu navegador. Nada do que você digita ou envia vai para a We.Inc ou para qualquer outra pessoa.
Cole um link: um vídeo do YouTube ou Vimeo, um link de incorporação do Google Maps, uma página de agendamento do Calendly, uma faixa ou playlist do Spotify, um vídeo do Loom ou um Google Form.
A ferramenta reconhece o provedor e reescreve o link no endereço oficial de incorporação desse provedor. Links que ela não reconhece são recusados, em vez de adivinhados.
Escolha a proporção (16:9 para vídeo, 4:3, 1:1, ou uma altura fixa para páginas de agendamento e formulários) e escreva um título que diga o que é a incorporação.
Escolha o comportamento de carregamento. O carregamento lento vem ativado para que a incorporação não deixe lenta a primeira visualização da página.
Confira a prévia ao vivo e copie o HTML. A nota do provedor lista o que mencionar no seu aviso de privacidade ou de cookies.
Dê a todo iframe um título que descreva o conteúdo, como "Mapa até a nossa loja na King Street". Os leitores de tela anunciam esse título.
Use youtube-nocookie.com para vídeos do YouTube. Assim os cookies do YouTube só são gravados quando o visitante aperta o play.
Deixe as incorporações pesadas abaixo da primeira tela ou use carregamento lento; cada uma carrega uma página inteira de outro site.
Widgets de agendamento, widgets de chat e formulários são produtos do provedor, não do seu site. Os termos e o tratamento de dados dele se aplicam.
No Google Maps, use Compartilhar, depois Incorporar um mapa, e copie o endereço dentro de src. Um link comum do Maps não pode ser incorporado.
Perguntas frequentes
Como deixo um iframe responsivo?
Coloque-o dentro de um contêiner que define aspect-ratio (por exemplo 16 / 9) e width: 100%, e faça o iframe preencher o contêiner. Sites mais antigos usavam o truque do padding-top; o aspect-ratio é compatível com todos os navegadores atuais. Esta ferramenta gera a versão moderna.
Quais provedores são compatíveis?
YouTube (incluindo Shorts e links youtu.be), Vimeo, links de incorporação do Google Maps, Calendly, Spotify, Loom e Google Forms. Cada um tem um endereço de incorporação documentado. Outros links são recusados para que a ferramenta nunca gere um código que não funcione.
O carregamento lento prejudica a incorporação?
Não. loading="lazy" diz ao navegador para buscar o iframe só quando ele estiver perto da parte visível da página. Quem rola até ele o vê carregar normalmente.
A We.Inc oferece agendamento ou chat?
Não. O Calendly e ferramentas parecidas são serviços separados, que você contrata com eles. Esta ferramenta só gera o código para mostrar o widget deles na sua página.
Por que meu link do Google Maps não funciona?
Links comuns de maps.google.com e goo.gl bloqueiam a incorporação. Abra o lugar no Google Maps, escolha Compartilhar, depois Incorporar um mapa, e cole o endereço da parte src do código que aparece.
O que cada incorporação custa aos seus visitantes
Uma incorporação é uma pequena janela para a página de outra empresa. Ela carrega os scripts dela, pode gravar os cookies dela e deixa a sua página mais pesada. Muitas vezes vale a pena, mas deve ser uma escolha: use carregamento lento nas incorporações abaixo da primeira tela, use modos de privacidade reforçada quando existirem e mencione incorporações de terceiros no seu aviso de privacidade.
Incorporações acessíveis
Os leitores de tela anunciam um iframe pelo título. Sem título, o visitante ouve "frame" e nada mais. Um título claro, um link em texto para o mesmo conteúdo abaixo da incorporação e legendas nos vídeos tornam o conteúdo incorporado utilizável por todos.