<p><img src="https://images.unsplash.com/photo-1527334919515-b8dee906a34b?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Caspar Camille Rubin"></p>
<p>Neste artigo, irei te ensinar a enviar notificação no seu canal do Discord para todo o momento em que sua live estiver online,
claro que recomendo que seja a sua live ou de alguém muito conhecido - não para meios comerciais - por conta da quantidade
de uma applet/receita dentro da plataforma - no máximo dois na free tier.</p>
<h2>Parte 1 - Registrar no IFTTT</h2>
<p>Acesse <a href="https://ifttt.com/">https://ifttt.com/</a> e crie uma conta (se ainda não tiver uma)</p>


<h2>Parte 2 - Criar um Webhook do Discord</h2>
<ul>
<li><p>Encontre o canal do Discord para o qual você gostaria de enviar os tweets.</p>
</li>
<li><p>Nas configurações desse canal, encontre a opção Webhooks e crie um novo webhook.
<strong>Observação: Este URL deve ser mantido <em>privado</em>. Permite que qualquer pessoa escreva mensagens nesse canal específico usando esse URL específico.</strong> Mantenha-o seguro!</p>
<p><img src="http://i.imgur.com/PZE2wFu.png" alt="WebhookDiscord"></p>
</li>
<li><p>Nomeie o webhook como quiser e fique à vontade para alterar a imagem de perfil genérica. Escolhi <a href="https://cdn1.iconfinder.com/data/icons/micon-social-pack/512/twitch-128.png">este ícone</a> porque se encaixa bem no círculo.</p>
</li>
<li><p>Copie o URL para algum lugar e mantenha-o à mão para a próxima etapa.</p>
</li>
</ul>
<h2>Parte 3 - Criar um novo applet/receita no IFTTT</h2>
<ol>
<li>Acesse <a href="https://ifttt.com/create">aqui</a> para criar um novo &quot;Applet&quot;.</li>
<li>Clique no grande azul &quot;[+] This&quot; e escolha &quot;Twitch&quot; (use a barra de pesquisa para encontrá-lo rapidamente).</li>
<li>Conecte sua conta, se necessário.</li>
<li>Escolha &quot;Nova transmissão iniciada por você&quot; (deve ser a segunda opção da esquerda para a direita).</li>
<li>Clique no grande azul &quot;[+] That&quot; e escolha &quot;Webhooks&quot;.</li>
<li>Escolha &quot;Fazer uma solicitação web&quot; (deve ser a única opção).</li>
<li>Preencha os seguintes detalhes:<ul>
<li><strong>URL:</strong> <em>[seu URL da &quot;parte 2&quot; acima]</em></li>
<li><strong>Método:</strong> POST</li>
<li><strong>Tipo de conteúdo:</strong> <code>application/json</code></li>
<li><strong>Corpo:</strong> <em>[veja o trecho abaixo]</em></li>
</ul>
</li>
<li>Clique em &quot;Criar ação&quot;.</li>
<li>Pronto!</li>
</ol>
<h4>Trecho para o &quot;Corpo&quot;</h4>
<p>Os webhooks são super personalizáveis e permitem criar visuais bastante detalhados. No entanto, seu formato também é um pouco complexo de acertar sem testes extensivos, então aqui está um modelo que seria útil para a maioria das pessoas:</p>
<pre><code class="language-json">{
  &quot;content&quot;: &quot;{{ChannelName}} foi ao vivo no Twitch&quot;,
  &quot;embeds&quot;: [{
    &quot;title&quot;: &quot;{{ChannelUrl}}&quot;,
    &quot;url&quot;: &quot;{{ChannelUrl}}&quot;,
    &quot;color&quot;: 6570404,
    &quot;footer&quot;: {
      &quot;text&quot;: &quot;{{CreatedAt}}&quot;
    },
    &quot;image&quot;: {
      &quot;url&quot;: &quot;{{StreamPreview}}&quot;
    },
    &quot;author&quot;: {
      &quot;name&quot;: &quot;{{ChannelName}} está transmitindo agora&quot;
    },
    &quot;fields&quot;: [
      {
        &quot;name&quot;: &quot;Jogando&quot;,
        &quot;value&quot;: &quot;{{Game}}&quot;,
        &quot;inline&quot;: true
      },
      {
        &quot;name&quot;: &quot;Iniciado em (fuso horário do streamer)&quot;,
        &quot;value&quot;: &quot;{{CreatedAt}}&quot;,
        &quot;inline&quot;: true
      }
    ]
  }]
}
</code></pre>
<p>Este trecho que produzimos, irá criar uma notificação personalizada como abaixo - usamos o canal do xQcow como exemplo:</p>
<p align="center">
<img src="https://gist.githubusercontent.com/smiley/78c1c2a57d17a179a978a1438b389710/raw/screenshot_discord_webhook_template.png"/>
</p>

<h3>Mensagem Personalizada</h3>
<p>Caso queira ter uma mensagem personalizada para alguma categoria, troque a variável pela mensagem que desejar.</p>
<p>Um exemplo, é substituir o content para aquilo que quiser. </p>
<p>Ao invés de <code>{{ChannelName}} foi ao vivo no Twitch</code>, mudaremos para <code>{{ChannelName}} está ao vivo no Twitch!</code>, por exemplo.</p>
<h2>Mostrar sua foto de perfil da Twitch no incorporado (avançado)</h2>
<p>Se você deseja mostrar sua foto de perfil do Twitch na caixa:</p>
<ol>
<li>Acesse o Twitch</li>
<li>Clique com o botão direito do mouse em sua foto de perfil no canto superior direito:</li>
</ol>
<p align="center">
<img src="https://gist.githubusercontent.com/smiley/78c1c2a57d17a179a978a1438b389710/raw/screenshot_twitch_userarea.png"/>
</p>

<ol start="3">
<li>Clique em &quot;Copiar endereço da imagem&quot;</li>
<li>Cole esse endereço neste blob em vez de <code>&lt;URL_DA_IMAGEM&gt;</code>:</li>
</ol>
<pre><code class="language-JSON">&quot;thumbnail&quot;: {
  &quot;url&quot;: &quot;&lt;URL_DA_IMAGEM&gt;&quot;
},
</code></pre>
<ol>
<li>Cole esse blob abaixo da área image no blob principal, para que essa parte mude de:</li>
</ol>
<pre><code class="language-JSON">    &quot;footer&quot;: {
      &quot;text&quot;: &quot;{{CreatedAt}}&quot;
    },
    &quot;image&quot;: {
      &quot;url&quot;: &quot;https://static-cdn.jtvnw.net/previews-ttv/live_user_{{ChannelName}}-1280x720.jpg&quot;
    },
    &quot;author&quot;: {
      &quot;name&quot;: &quot;{{ChannelName}} está transmitindo agora!&quot;
    },
</code></pre>
<p>Para isso:</p>
<pre><code class="language-JSON">    &quot;footer&quot;: {
      &quot;text&quot;: &quot;{{CreatedAt}}&quot;
    },
    &quot;image&quot;: {
      &quot;url&quot;: &quot;https://static-cdn.jtvnw.net/previews-ttv/live_user_{{ChannelName}}-1280x720.jpg&quot;
    },
    &quot;thumbnail&quot;: {
      &quot;url&quot;: &quot;&lt;URL_DA_IMAGEM&gt;&quot;
    },
    &quot;author&quot;: {
      &quot;name&quot;: &quot;{{ChannelName}} está transmitindo agora!&quot;
    },
</code></pre>
<p><strong>Observação</strong>: O endereço da imagem que você acabou de usar para sua foto de perfil do Twitch pode parar de funcionar se você mudar sua foto. Então é
recomendado que pegue a imagem URL do seu perfil do Twitch - toda vez que alterar - e cole no blob principal.</p>
<h2>Créditos</h2>
<ul>
<li>Este guia foi adaptado deste <a href="https://gist.github.com/Godimas/ae8e7c7cbd6236622c777d6bcb7a6748">guia do YouTube para Discord via IFTTT</a>.</li>
<li>O ícone do webhook do Twitch é cortesia da FIVEicons LLC e está disponível sob uma licença CC-BY 2.5 aqui: <a href="https://www.iconfinder.com/icons/318551/twitch_twitch.tv_icon">https://www.iconfinder.com/icons/318551/twitch_twitch.tv_icon</a>.</li>
</ul>

Notificação automática da Twitch para o Discord