Intégrer un salon de discussion Xat sur votre blog Blogspot (Pas à pas)
Note : Xat (xat.com) a décliné après la mort de Flash. Version HTML5 existe mais communauté minuscule. Envisagez Discord, Widget Discord, ou Tawk.to pour chat moderne. Mais si vous tenez à Xat, voici le processus d'intégration.
Étape 1 : Créer votre salon Xat
- Allez sur xat.com → S'inscrire (email + mot de passe).
- Connectez-vous → Cliquez Créer un salon (menu haut).
- Nommez votre salon (ex: « MaCommunautéBlog »).
- Choisissez type : Groupe (public) ou Privé (sur invitation).
- Cliquez Créer. Notez l'ID du salon dans l'URL : `xat.com/chat#NomSalon` → ID est le nombre après `#` ou dans code embed.
Étape 2 : Obtenir le code d'intégration
- Dans votre salon, cliquez Éditer le salon (icône engrenage) → Paramètres salon → onglet Intégrer.
- Copiez le code HTML/iframe fourni. Ressemble à :
<iframe src="https://xat.com/embed/1234567" width="600" height="400" frameborder="0" scrolling="no"></iframe> - Optionnel : Ajustez `width`/`height` (ex: `100%` / `500px` pour responsive).
Étape 3 : Intégrer dans Blogspot (Blogger)
- Ouvrez Blogger → sélectionnez votre blog.
- Allez dans Mise en page → Ajouter un gadget (barre latérale/pied de page) OU Articles → modifier article spécifique.
- Choisissez gadget HTML/JavaScript.
- Collez le code iframe. Titre : « Chat en direct » (optionnel).
- Cliquez Enregistrer → Enregistrer la disposition.
Étape 4 : Pour un article spécifique (pas site entier)
- Modifiez article → Basculez en Vue HTML (pas Rédiger).
- Collez iframe où vous le voulez.
- Publier / Mettre à jour.
Mises en garde critiques
- HTTPS : Blogspot force HTTPS. Embed Xat doit être `https://` sinon navigateur bloque contenu mixte.
- Mobile : Version HTML5 Xat marche sur mobile mais UI étroite. Testez sur téléphone.
- Modération : Vous êtes responsable du contenu chat. Nommez modérateurs, définissez filtres.
- Performance : Iframe charge ressources externes. Envisagez lazy-loading : `loading="lazy"` sur iframe.
Alternatives modernes (Fortement recommandées)
| Outil | Intégration | Niveau gratuit | Idéal pour |
|---|---|---|---|
| Widget Discord | Widget serveur / lien invitation | Illimité | Communauté, vocal, rôles, bots |
| Tawk.to | Snippet JS | Agents/chats illimités | Support live, monitoring visiteurs |
| Crisp / Intercom / Drift | Snippet JS | Gratuit limité | Chat marketing/vente |
| Giscus / Utterances | JS + GitHub Discussions | Gratuit | Commentaires site statique (GitHub-backed) |
Xat est de la nostalgie. Pour une communauté vivante en 2024, Discord ou un widget chat léger vous servira mieux.