Nota: Xat (xat.com) declinou após a morte do Flash. Versão HTML5 existe mas a comunidade é minúscula. Considere Discord, Widget do Discord ou Tawk.to para chat moderno. Mas se você está comprometido com Xat, aqui está o processo de incorporação.
Passo 1: Crie Seu Chat Xat
- Acesse xat.com → Registrar (e-mail + senha).
- Entre → Clique em Criar um Chat (menu superior).
- Nomeie seu chat (ex.: "MinhaComunidadeBlog").
- Escolha tipo: Grupo (público) ou Privado (somente convite).
- Clique em Criar. Anote o ID do Chat na URL: `xat.com/chat#NomeChat` → ID é o número após `#` ou no código de incorporação.
Passo 2: Obtenha o Código de Incorporação
- No seu chat, clique em Editar Chat (ícone de engrenagem) → Configurações do Chat → aba Incorporar.
- Copie o código HTML/iframe fornecido. Parece com:
<iframe src="https://xat.com/embed/1234567" width="600" height="400" frameborder="0" scrolling="no"></iframe>
- Opcional: Ajuste `width`/`height` (ex.: `100%` / `500px` para responsivo).
Passo 3: Incorpore no Blogspot (Blogger)
- Abra Blogger → selecione seu blog.
- Vá em Layout → Adicionar um Gadget (barra lateral/rodapé) OU Postagens → edite postagem específica.
- Escolha gadget HTML/JavaScript.
- Cole o código iframe. Título: "Chat ao Vivo" (opcional).
- Clique em Salvar → Salvar organização.
Passo 4: Para uma Postagem Específica (Não em Todo o Site)
- Edite a postagem → Mude para visualização HTML (não Compor).
- Cole o iframe onde desejar.
- Publique / Atualize.
Alertas Críticos
- HTTPS: Blogspot força HTTPS. Incorporação Xat deve ser `https://` ou navegador bloqueia conteúdo misto.
- Mobile: Versão HTML5 do Xat funciona no mobile mas UI é apertada. Teste no celular.
- Moderação: Você é responsável pelo conteúdo do chat. Nomeie moderadores, defina filtros.
- Desempenho: Iframe carrega recursos externos. Considere lazy-loading: `loading="lazy"` no iframe.
Alternativas Modernas (Fortemente Recomendadas)
| Ferramenta | Incorporação | Nível Gratuito | Ideal Para |
| Widget Discord | Widget do servidor / link de convite | Ilimitado | Comunidade, voz, cargos, bots |
| Tawk.to | Snippet JS | Agentes/chats ilimitados | Suporte ao vivo, monitoramento de visitantes |
| Crisp / Intercom / Drift | Snippet JS | Gratuito limitado | Chat de marketing/vendas |
| Giscus / Utterances | JS + GitHub Discussions | Gratuito | Comentários em site estático (GitHub) |
Xat é nostalgia. Para uma comunidade viva em 2024, Discord ou widget de chat leve servem melhor.