>> Tecnologia Eletrônica >  >> Rádio via Satélite >> XM

Incorporar Sala de Chat Xat no Blogspot (Passo a Passo)

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

  1. Acesse xat.com → Registrar (e-mail + senha).
  2. Entre → Clique em Criar um Chat (menu superior).
  3. Nomeie seu chat (ex.: "MinhaComunidadeBlog").
  4. Escolha tipo: Grupo (público) ou Privado (somente convite).
  5. 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

  1. No seu chat, clique em Editar Chat (ícone de engrenagem) → Configurações do Chat → aba Incorporar.
  2. 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> 
  3. Opcional: Ajuste `width`/`height` (ex.: `100%` / `500px` para responsivo).

Passo 3: Incorpore no Blogspot (Blogger)

  1. Abra Blogger → selecione seu blog.
  2. Vá em Layout → Adicionar um Gadget (barra lateral/rodapé) OU Postagens → edite postagem específica.
  3. Escolha gadget HTML/JavaScript.
  4. Cole o código iframe. Título: "Chat ao Vivo" (opcional).
  5. Clique em Salvar → Salvar organização.

Passo 4: Para uma Postagem Específica (Não em Todo o Site)

  1. Edite a postagem → Mude para visualização HTML (não Compor).
  2. Cole o iframe onde desejar.
  3. 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)

Xat é nostalgia. Para uma comunidade viva em 2024, Discord ou widget de chat leve servem melhor.

FerramentaIncorporaçãoNível GratuitoIdeal Para
Widget DiscordWidget do servidor / link de conviteIlimitadoComunidade, voz, cargos, bots
Tawk.toSnippet JSAgentes/chats ilimitadosSuporte ao vivo, monitoramento de visitantes
Crisp / Intercom / DriftSnippet JSGratuito limitadoChat de marketing/vendas
Giscus / UtterancesJS + GitHub DiscussionsGratuitoComentários em site estático (GitHub)