Accueil › Blog › Compteur d'abonnés en overlay OBS
Compteur d'abonnés en overlay OBS : le guide streamer pour un objectif de live réussi
Beaucoup de streamers veulent afficher un compteur d'abonnés qui grimpe pendant le direct, pour un objectif de sub-a-thon ou simplement pour donner du rythme à la communauté. Voici comment intégrer proprement le widget dans OBS, pourquoi le fond transparent casse parfois, et comment monter une course entre deux chaînes pendant une collaboration.
Configurer le widget compteur dans OBS étape par étape
Réponse rapideLancez le compteur d'une chaîne dans l'outil, ouvrez la carte « Widget intégrable », copiez le lien de source navigateur, puis dans OBS ajoutez une source Navigateur, collez ce lien, réglez la largeur à 600 et la hauteur à 200, et cochez le fond transparent.
Contrairement à un lien iframe destiné à un site web classique, le lien pensé pour OBS s'ouvre directement sur fond transparent afin de se superposer proprement à une scène de webcam ou de gameplay. Une fois la chaîne choisie et le compteur démarré sur la page de l'outil, la carte dédiée au widget affiche à la fois le code d'intégration pour un site et le lien à coller tel quel dans une source Navigateur OBS ou Streamlabs.
Où placer la source dans la scène ?
Un coin haut ou bas de l'écran, à l'écart du jeu ou de la webcam, fonctionne bien puisque le widget reste compact. Verrouillez la source une fois positionnée pour éviter de la déplacer accidentellement pendant un déplacement de souris en direct.
Le widget reprend la même logique de compteur animé que la page principale : abonnés, mais aussi vues ou nombre de vidéos selon la métrique choisie avant de générer le lien, avec le même badge « en direct » clignotant qui rassure visuellement le public sur le fait que le chiffre bouge.
Les erreurs classiques qui cassent l'incrustation
Réponse rapideLe fond noir au lieu de la transparence vient presque toujours d'une case à cocher oubliée dans les propriétés de la source Navigateur, et le texte flou vient d'une résolution de source trop petite redimensionnée trop grande sur le canevas.
Trois pièges reviennent souvent chez les streamers qui testent le widget pour la première fois, à titre d'exemple représentatif du type de problème rencontré, pas d'un cas réel documenté :
| Symptôme | Cause probable | Correction |
|---|
| Fond noir ou blanc opaque | Case « fond transparent » décochée | Recocher l'option dans les propriétés de la source |
| Texte flou ou pixelisé | Source réglée trop petite puis étirée sur le canevas | Garder la source à 600×200 et zoomer via l'échelle de la scène |
| Le compteur ne bouge jamais à l'écran | Rafraîchissement du cache navigateur désactivé côté OBS | Cocher « rafraîchir le navigateur quand la scène devient active » |
Astuce pratique : testez toujours le widget seul dans un onglet de navigateur classique avant de l'ajouter à OBS — si l'animation fonctionne là, le problème vient presque certainement des réglages de la source Navigateur, pas du widget lui-même.
Fixer un objectif d'abonnés pour un sub-a-thon ou un live spécial
Réponse rapideLe compte à rebours de jalon calcule l'écart jusqu'au prochain seuil rond d'abonnés et propose une ETA (date estimée) recalculée en direct à partir du rythme actuel de la chaîne — utile pour matérialiser un objectif de stream sans deviner à la main.
Pour un événement type sub-a-thon ou un live « objectif 10 000 abonnés », l'idée n'est pas de suivre le compteur brut mais la barre de progression du module de jalon : elle affiche le nombre restant, une barre visuelle qui se remplit, et une estimation du temps nécessaire au rythme actuel. Combinée à une projection de croissance sur 1, 3 ou 5 ans si l'on veut donner une perspective plus large en fin de stream, cette section aide à raconter une histoire de croissance plutôt que d'afficher un chiffre isolé et sans contexte.
Exemple purement illustratif : une chaîne à 9 400 abonnés visant 10 000, avec un rythme hypothétique de 80 nouveaux abonnés par jour, verrait une ETA d'environ 7 à 8 jours affichée par l'outil — un repère indicatif à ajuster si le rythme change pendant le direct, pas une promesse.
Monter une course créateur contre créateur pendant une collaboration
Réponse rapideLa fonction course affiche deux à quatre chaînes côte à côte avec compteurs animés simultanés et une barre de tir à la corde qui visualise l'écart, ce qui convient bien à un raid, une collab ou un sub-a-thon partagé entre deux communautés.
Pendant une collaboration en direct, afficher les deux chaînes participantes dans le module de course permet au public des deux côtés de suivre qui progresse le plus vite sans faire de calcul mental. Le classement dédié aux créateurs peut aussi servir de teasing avant l'événement, en montrant où se situe chaque chaîne par taille totale ou par vitesse de croissance récente avant le jour J.
Si le but est purement compétitif et amical, la barre de tir à la corde en bas du module de course rend le rapport de force lisible d'un coup d'œil, même pour un spectateur qui arrive en cours de stream sans contexte préalable.
Configurer votre widget de compteur en direct
Choisissez une chaîne, lancez le compteur, puis copiez le lien de widget pour OBS ou pour votre site.
Essayer l'outil →
Questions fréquentes
Pourquoi mon widget de compteur affiche-t-il un fond noir dans OBS au lieu d'être transparent ?
C'est presque toujours parce que la case « Fond transparent (si disponible) » n'a pas été cochée dans les propriétés de la source Navigateur, ou parce que la largeur/hauteur de la source ne correspond pas à celle du widget, ce qui force OBS à afficher un rectangle de remplissage derrière l'incrustation.
Quelle taille de source Navigateur choisir pour le widget compteur dans OBS ?
Une largeur de 600 pixels et une hauteur de 200 pixels conviennent au format par défaut du widget avec avatar, nom et compteur animé ; ajustez ensuite l'échelle de la source directement sur le canevas de la scène plutôt que de changer la résolution de rendu, pour garder un texte net.
Le compteur affiché en overlay pendant mon live est-il exactement synchronisé avec la vraie plateforme ?
Non, c'est une estimation par interpolation à partir d'une valeur de référence et d'un taux de croissance moyen, exactement comme les compteurs affichés sur les autres sites du genre. Il est adapté pour donner une sensation de mouvement en direct à l'écran, pas pour annoncer un chiffre certifié à l'unité près.
Comment fixer un objectif d'abonnés pour un live et suivre la progression en direct ?
Utilisez le compte à rebours de jalon : entrez la chaîne, laissez l'outil calculer l'écart jusqu'au prochain seuil rond, puis affichez ce module ou le widget associé en overlay pour que la barre de progression et l'ETA restent visibles pendant toute la diffusion.
Peut-on comparer deux streamers en direct pendant une collaboration ou un raid ?
Oui, la course créateur contre créateur affiche deux à quatre chaînes côte à côte avec leurs compteurs animés simultanés et une barre de tir à la corde qui visualise l'écart ; c'est utile pendant un sub-a-thon commun ou une collaboration où les deux communautés suivent la progression ensemble.
Note méthodologique : les chiffres et scénarios de cet article sont fournis à titre d'illustration pédagogique et ne constituent ni une donnée officielle de plateforme ni un conseil financier ou technique garanti. Les étapes de configuration OBS décrites correspondent au comportement standard de la source Navigateur ; vérifiez toujours vos propres réglages de scène avant un direct.