Siga este tutorial para configurar corretamente a transmissão ao vivo incluindo chat de interação para os seus usuários.
Vale lembrar que, essa transmissão ao vivo deve ser iniciada em uma plataforma externa que permita esse serviço, como Panda, Youtube, Vimeo, etc. Caso tenha alguma dúvida relacionada a inserção da Live na plataforma, você pode verificar o artigo: Como fazer uma transmissão ao vivo ou live na sua área de membros?
Para iniciar o processo de vinculação do chat é necessário que você acesse a aula já criada anteriormente com o a URL ou embed da Live já configurada no Youtube.
Acesse Dashboard > Plataforma > Conteúdo > Curso
Ao acessar a aula, vá para a aba de Descrição da Aula, será nesse campo que iremos inserir as configurações de Embed para a inserção do chat.
Caso tenha dúvidas de como criar uma aula, siga este artigo: Como criar uma aula?
Agora, realize o processo de configuração do HTML para que assim o chat possa ser inserido na descrição.
Passo 1: Obtenha o ID da Live no YouTube
Para isso acesse a Live no YouTube, clique na barra de URL e verifique a mesma sequência indicada em negrito no link abaixo:
Exemplo:
URL: https://www.youtube.com/watch?v=abc123xyz
ID da Live: abc123xyz
Passo 2: Prepare o Código HTML
Use o seguinte código HTML para prosseguindo na criação. Lembrando que o código já esta configurado dentro das dimensões necessárias para exibição dentro da aula.
<iframe
src="https://www.youtube.com/live_chat?v=exemplo&embed_domain=seusite.com"
width="400"
height="600"
frameborder="0">
</iframe>
- Substitua o texto exemplo pelo ID da Live, seguindo exemplo dado o código ficaria dessa forma:
<iframe
src="https://www.youtube.com/live_chat?v=abc123xyz&embed_domain=seusite.com"
width="400"
height="600"
frameborder="0">
</iframe>
⚠️ EXEMPLO DE COMO FICARÁ O CÓDIGO EMBED:
<iframe src="https://www.youtube.com/live_chat?v=1zvrL5ZTfsY&embed_domain=int.findocs.com.br" width="400" height="600" frameborder="0" sandbox="allow-scripts allow-same-origin"></iframe>
Importante! ⚠
Substitua seusite.com pelo domínio do site onde você deseja embutir o chat.
Por exemplo, se a URL da sua plataforma for: https://master-business.themembers.com.br/ - o código editado deverá ficar da seguinte forma:
<iframe
src="https://www.youtube.com/live_chat?v=abc123xyz&embed_domain=master-business.themembers.com.br"
width="400"
height="600"
frameborder="0">
</iframe>
Passo 3: Esse é o código completo com todas as informações necessário. Agora retorne a página de criação da aula e na descrição clique em Tools > Source Code.
Caso tenha dúvidas de como criar uma aula, siga este artigo: Como criar uma aula?
Na nova janela que irá se abrir, cole o HTML.
Após isso basta salvar e finalizar a criação da aula.
Ao acessar a visão do aluno, você verá na descrição da aula criada o chat já embedado para interação.
OBSERVAÇÕES IMPORTANTES!
- Configurações externas que afetam a interação dos alunos dentro do chat:
1 - O aluno precisa estar logado em uma conta do Youtube no dispositivo que ele esta utilizando.
2 - O chat fica disponível dentro das contas do Youtube apenas se a mesma possuir um canal criado, ou seja, o aluno precisa ter um canal criado dentro do perfil logado no Youtube para conseguir interagir no chat.
3 - Se atente a privacidade do chat, caso configure o chat para apenas inscritos, o aluno terá que acessar o perfil da Live, se inscrever e apenas após isso conseguirá interagir.