# Overlay de espectadores para a Kick

> Mostre na live quantos espectadores sua live da Kick tem agora com um widget do KickBot para o OBS: escolha um ícone ou texto, defina as cores e adicione a URL.

Source: https://kickbot.com/pt/docs/widgets/viewer-count

O KickBot tem dois widgets de espectadores que mostram quantas pessoas assistem à sua live da Kick agora. O **Viewer Count** é uma caixinha com um ícone e o número. O **Text Viewer Count** é só texto, como "Viewers: 1,204". Instale um deles pela biblioteca de widgets e adicione a URL no OBS como browser source.

Você precisa de uma conta no KickBot com seu canal da Kick conectado.

![Os dois widgets oficiais de espectadores na biblioteca de widgets do KickBot: Viewer Count e Text Viewer Count](https://kickbot.com/docs/images/widgets/viewer-count/01-library-viewer.webp "Busque viewer na biblioteca de widgets para encontrar os dois estilos.")

## Adicione o número de espectadores ao OBS

1. Abra a [biblioteca de widgets](https://kickbot.com/dashboard/widget-library) e busque **viewer**.
2. Clique em **Viewer Count** ou **Text Viewer Count** e depois em **Instalar widget**.
3. Abra [Widgets salvos](https://kickbot.com/dashboard/saved-widgets) e clique em **Copiar URL** no widget.
4. No OBS, adicione uma fonte **Navegador** (**Browser**) e cole a URL.
5. Defina a largura e a altura: 220 × 100 para o **Viewer Count** ou 600 × 200 para o **Text Viewer Count**. Clique em **OK**.

## Configurações

Para mudar o widget, clique nele em Widgets salvos. A prévia mostra as mudanças na hora. Clique em **Salvar alterações**, e o widget no OBS recarrega com a nova aparência.

![As configurações do Viewer Count com uma prévia, o menu Icon em Kick e as cores de fundo e do texto](https://kickbot.com/docs/images/widgets/viewer-count/02-edit-settings.webp "Configurações do Viewer Count: ícone, cor de fundo e cor do texto.")

**Viewer Count** (220 × 100):

| Configuração | O que faz | Padrão |
| --- | --- | --- |
| Icon | O ícone ao lado do número: Kick, People (pessoas), Person (pessoa) ou Eye (olho). | Kick |
| Background color | Cor da caixa atrás do ícone e do número. | Preto (#000000) |
| Text color | Cor do número. | Branco (#ffffff) |

**Text Viewer Count** (600 × 200):

| Configuração | O que faz | Padrão |
| --- | --- | --- |
| Text | O texto na live. `{viewers}` vira o número de espectadores. | Viewers: {viewers} |
| Text color | Cor do texto. | Branco (#ffffff) |
| Text size | Tamanho do texto, em pixels. | 50 |
| Text outline | Coloca uma sombra em volta do texto para facilitar a leitura. | Ativado |

Por exemplo, defina **Text** como `{viewers} watching` para mostrar "120 watching".

Para ver o widget mudar antes de entrar ao vivo, clique em **Contagem de espectadores atualizada** em **Eventos de teste**. A prévia mostra um número de exemplo. Os eventos de teste não vão para o OBS.

## Como o número atualiza

O widget mostra o número de espectadores que a Kick informa para a sua live. Quando você está offline, o número é 0.

## Solução de problemas

**O número mostra 0 enquanto estou ao vivo.** O número pode levar um pouco para aparecer depois que você entra ao vivo. Se continuar em 0, clique com o botão direito na fonte no OBS e escolha **Atualizar cache da página atual** (**Refresh cache of current page**).

**O número é diferente do painel da Kick.** O widget pode ficar um pouco atrás da Kick.

**O widget aparece borrado ou cortado.** Volte o browser source para o tamanho do widget (220 × 100 ou 600 × 200). Para um texto maior, use o **Text Viewer Count** e aumente o **Text size**.

Para mais ajuda com browser sources, veja [Adicione um browser source ao OBS](https://kickbot.com/pt/docs/getting-started/add-browser-source-obs).

## Perguntas frequentes

**Como mostro o número de espectadores da Kick na live?**

Instale o **Viewer Count** ou o **Text Viewer Count** da [biblioteca de widgets do KickBot](https://kickbot.com/dashboard/widget-library), copie a URL dele em Widgets salvos e adicione no OBS como fonte Navegador.

**Posso trocar o ícone ao lado do número de espectadores?**

Sim. No widget **Viewer Count**, abra **Icon** e escolha Kick, People, Person ou Eye. Depois clique em **Salvar alterações**.

**Posso ter o número de espectadores em duas cenas com cores diferentes?**

Sim. Em Widgets salvos, abra o menu **⋯** no widget e clique em **Duplicar**. A cópia tem sua própria URL e suas próprias configurações.