How to make an automatic "stream's live" notification for your Discord server

README.md

Making an automatic Twitch -> Discord notification (using IFTTT)

So you went live and you want everyone to know. Here's how you do it:

Part 1 - Register on IFTTT

Go to https://ifttt.com/ and create an account (if you don't already have one)

Part 2 - Make a Discord Webhook

• Find the Discord channel in which you would like to send Tweets.
• In the settings for that channel, find the Webhooks option and create a new webhook. Note: This URL should be kept private. It allows anyone to write messages to that specific channel using that specific URL. Keep it safe!
• Name the webhook however you like and feel free to change the generic profile picture. I chose this icon as it fits the circle nicely.
• Copy the URL somewhere and keep it handy for the next step.

Part 3 - Create a new IFTTT applet/recipe

1. Go here to create a new "Applet"
2. Click the big blue "[+] This" and choose "Twitch" (use the search bar to find it quickly)
3. Connect your account if necessary.
4. Choose "New stream started by you" (it should be the 2nd option from the left)
5. Click the big blue "[+] That" and choose "Webhooks"
6. Choose "Make a web request" (it should be the only option)
7. Fill in the following details:

   URL: [your URL from "part 2" above] Method: POST Content type: application/json Body: [see the snippet below]

8. Click "Create Action"
9. Done!

Snippet for "Body"

Webhooks are super-customizable and allow you to make pretty well-detailed visuals. However, their format is also somewhat complex to get right without extensive testing, so here's a template which would be useful to most people:

{
  "content": "{{ChannelName}} went live on Twitch",
  "embeds": [{
    "title": "{{ChannelUrl}}",
    "url": "{{ChannelUrl}}",
    "color": 6570404,
    "footer": {
      "text": "{{CreatedAt}}"
    },
    "image": {
      "url": "{{StreamPreview}}"
    },
    "author": {
      "name": "{{ChannelName}} is now streaming"
    },
    "fields": [
      {
        "name": "Playing",
        "value": "{{Game}}",
        "inline": true
      },
      {
        "name": "Started at (streamer timezone)",
        "value": "{{CreatedAt}}",
        "inline": true
      }
    ]
  }]
}

This snippet produces this snippet: (for the channel "xQcow"):

Custom message

If you'd like to customize the message text -- "xqcow has gone live on Twitch!" -- change the content attribute:

{
  "content": "{{ChannelName}} has gone live on Twitch!",
  "embeds": [{

Show your Twitch profile picture in the embed (advanced)

If you'd like to show your Twitch profile picture in the box:

1. Go to Twitch
2. Right-click your profile picture in the top-right:

3. Click "Copy image address"
4. Paste that address into this blob instead of <IMAGE_URL>:

"thumbnail": {
  "url": "<IMAGE_URL>"
},

5. Paste that blob below the image area in the main blob, so that part would change from this:

    "footer": {
      "text": "{{CreatedAt}}"
    },
    "image": {
      "url": "https://static-cdn.jtvnw.net/previews-ttv/live_user_{{ChannelName}}-1280x720.jpg"
    },
    "author": {
      "name": "{{ChannelName}} is now streaming!"
    },

To this:

    "footer": {
      "text": "{{CreatedAt}}"
    },
    "image": {
      "url": "https://static-cdn.jtvnw.net/previews-ttv/live_user_{{ChannelName}}-1280x720.jpg"
    },
    "thumbnail": {
      "url": "<IMAGE_URL>"
    },
    "author": {
      "name": "{{ChannelName}} is now streaming!"
    },

Note: The image address you just used for your Twitch profile picture may stop working if you change your picture. I'm not sure how Twitch manages those.

Credits

• This guide was adapted from this YouTube to Discord via IFTTT guide.
• The Twitch webhook icon is courtesy of FIVEicons LLC and available under a CC-BY 2.5 license here: https://www.iconfinder.com/icons/318551/twitch_twitch.tv_icon

screenshot_discord_webhook_template.png

screenshot_twitch_userarea.png

After further testing i got this to work but only to finally disconnect it in IFTTT, i've decided to use Carl.gg. With Carl it'll go back and update the VOD timestamps and screenshots post go live -- the webhooks method will use your preview 'Right now' Image and if you're not live it'll show a broken image. This was the annoying thing that i couldn't code for. If it helps here is the full JSON i used: for the "Icon_URL" just replace it with your twitch Icon. The "content" is Tagging everyone in the body of the message to notify that channel. ```json { "content": "@everyone", "embeds": [{ "title": "{{ChannelUrl}}", "url": "{{ChannelUrl}}", "color": 15853725, "footer": { "text": "{{CreatedAt}}", "icon_url": " https://static-cdn.jtvnw.net/jtv_user_pictures/eb443440-bba3-4e97-b961-9bcde4e5385e-profile_image-150x150.png " }, "image": {"url": "{{StreamPreview}}"}, "thumbnail":{"url": " https://static-cdn.jtvnw.net/jtv_user_pictures/eb443440-bba3-4e97-b961-9bcde4e5385e-profile_image-150x150.png "}, "author": { "name": "{{ChannelName}} is now streaming on Twitch!", "icon_url": " https://static-cdn.jtvnw.net/jtv_user_pictures/eb443440-bba3-4e97-b961-9bcde4e5385e-profile_image-150x150.png " }, "fields": [{ "name": "Playing", "value": "{{Game}}", "inline": true }, { "name": "Started at (streamer timezone)", "value": "{{CreatedAt}}", "inline": true } ] }] } ```

It works only 2/3 times. It can choke so badly that it does not send notification even after repeated refreshing, archive/restore, creating the whole new snippet. Not recommended

Does this still work?

Is there anyway to ping a role with the Webhook. I have a role in my discord server called @Twitch Notifs where when people get the role, I would ping them so only people who wanted the pings would get them.

Is there anyway to ping a role with the Webhook. I have a role in my discord server called @Twitch Notifs where when people get the role, I would ping them so only people who wanted the pings would get them.

Right click on the role and Copy the ID, then in the message use <#00000000000000> replacing the zero's with the role Id that you coppied.

For those interested, ifttt just put out some discord applets (in beta) so now you can do twitch to discord in ifttt with out webhooks.

…

On Fri, Jun 25, 2021, 2:13 AM Paul ***@***.***> wrote: ***@***.**** commented on this gist. ------------------------------ Is there anyway to ping a role with the Webhook. I have a role in my discord server called @Twitch <https://github.com/Twitch> Notifs where when people get the role, I would ping them so only people who wanted the pings would get them. Right click on the role and Copy the ID, then in the message use <#0> replacing the zero's with the role Id that you coppied. — You are receiving this because you commented. Reply to this email directly, view it on GitHub <https://gist.github.com/78c1c2a57d17a179a978a1438b389710#gistcomment-3792611>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ABH52MPBLOB72KXB3UGSXJ3TURCENANCNFSM4HNHQT3A> .

Hello, thank you very much for this great tutorial;). But I have one more question. Is there a possibility to include a query? The following procedure. On our Discord server there is the role @streamer, everyone who has this role is linked to his or her Twitch channel in our bot. Now the bot should only write in the channel (live status) if this streamer only plays a certain game (from our GTA RP server). If he plays other games, no live notification should be posted. Warm greetings

Hey there, good job with it! By chance, would you have any code for this using a RSS feed?

it works really well, thanks... BUT uhh do ya'll know is there an option for it to not be english and not use A.M and P.M stuff?