If you liked this widget, I release more widgets over on Patreon. The $10 tier gives you access to all my widgets along with written and video instructions on how to install them all. www.patreon.com/nuttylmao
This is super helpful! ONE suggestion… the graphics make it seem like the stream itself is an ad. Could confuse (dumb) subscribers when they see “Ad 1 of 4” in the corner of your stream. Might be less confusing to say “Non-subscriber ad break” or something customizable that make subscribers feel more special.
Hey there! So this is actually possible really easily done once you install the widget. Once you get to the step at 5:20 and have pasted the code from the 'Index' file into the HTML tab all you have to do is modify the text to what you want it to say. Specifically look for the word 'Ad' in the hilariously named div lol, you'll know it when you see it. If you want to modify the text for the mid-roll warning to be the same just modify the text that says "Ads starting in..." in the div named "midRollContainer". Nutty made the widget responsive so everything should adjust size accordingly. Just make sure to click "Save" in the top-right of the StreamElements page in order to see the changes you made. Hope this works out for you!
This is awesome! I think a great addition to this would also be a countdown whether it be 1 minute or 5 minutes (or let us choose) of when ads are going to start too so people on stream can know when it's coming! Great video!
I think we need to acknowledge the "hugeTittiesContainer" in the codes, which is as surprising (well, not THAT much to be fair) that it is funny 👌 Thanks for the hard work Nutty!
So I uh, showed this to my buddy at streamelements, hopefully he sees it haha Edit: he saw it and approved the widget for sharing and responded to the email XD we did it bois
This worked wonderfully for me for a while but then suddenly the widget stopped working. It shows the countdown timer to let me know when an ad is starting but then does not follow through with the yellow bar and the top left says "1 of NaN·NaN:NaN". I'm not sure where it is messing up since I had not changed anything in any of my settings.
Looks and works great.. i bypassed the stream elements part and just put it as a local browser source... i felt it was better since kinda the point of using something like streamer bot is to not use another bot or platform.
Not only you are an amazing person! You intelligent and think outside the box! Thanks for sharing this legend! BY THE all the Notifications alert are active (the only channel I have this enable for) amazing stuff!🎉❤
This widget is AMAZING!!!🤩 Such a HUGE help, Nutty! Been strugglin with Ads for a long time now😅 Lol Thank you for all your hard work! I will for sure be using this on my streams from now on!🥰
I've been concerned about Ads after I started streaming, especially because I don't really care about the ad revenue, I just want peeps to come chat with me and hangout. This widget is very helpful especially since I can actually see it on my SLOBS when ads are running, and it works better than the timer Twitch has for you. Thank you so much, this widget is clean!
I personally prefer the mid-roll ads. Cause nothing sucks more when you want to check out a new stream but have to sit through ads first. Super appreciate this widget though! I try to make sure my viewers know when an ad is upcoming becuase i don't want people to be 'punished' for not being subbed. I really just want to have fun
I think this is brilliant, so I don't want anyone to think otherwise when I say this lol. So on the flip side, say you as the streamer sees the timer and you decide to just sit there for 3 minutes or however long the ad-break is. The paid subs paid to remove those breaks and it's just replacing one break with another break essentially. I love the widget though, it's such a good idea, I just try to look at both sides of stuff haha. At the end of the day, this is Twitch's idiot money-grab tactics, so huge kudos for making this. Also can't count how many times I laughed at this video. That "goes to a good cause" hahahahhaha.
I hear you on this. I think it is a good thing to call out. For me what I started doing is a 90 second sketch, so I challenge myself to draw a picture in 90 seconds using a web based drawing canvas during the ad break so that way the subs see something and we aren't completely stopping the show. Not to say this is a perfect solution but maybe the solution here is to find a short activity you can do to reward your subscribers?
Great job! The only changes I noticed were not seeing the CONNECTED... message (since I already had SB open and connected) and I had to rename the overlay after creating it.
what did u rename it to? cuz it wont work for me. i got the same issue u did where it never showed the "connected" box and keeps showing the "connecting" box
Update: I just wanted to let you know I deleted my old comment because the streamer bot is now working after their new update dropped. So the widget is now working for me and I really love it keep up the good work I appreciate you doing all the hard work to make cool stuff. I also enjoy watching your live stream when you're doing this stuff life like making widget, overlays, alerts and so much more and I also recommend y'all to go watch him live.
Just started following and you are a golden idol my friend. I'm hoping to implement this soon and now I need to look into streamerbot. The bot I've been using is Mix it up, so not sure how different they are from one another but I will learn. Thanks.
this is one of the coolest widgets you've ever done but could you maybe make some more preset positions for the timer? I wanna put it in the top-middle part of the screen
I avoid all of this by manually playing all of my ads in between games. My viewers never have to miss gameplay - but they might miss conversation from time to time. I'm surprised so many people either keep prerolls on or schedule ads. Manual is the way to go.
Hey, is anyone else getting an issue where the ad widget itself shows up but the sound effects don't play? They play when tested in streamerbot but not when I test the ads.
@@nuttylmao Ah ok, that answers the only question I had. Will test it tonight, thanks for this widget dude, it should be an immense help. I hate running ads but not having any idea when they were running doesn't help
Starting today, streambot has an aler that says "Unable to start, websocket server..." The overlay is no longer connecting like usual. Is this a streamerbot or a streamelements issue?
Not sure why but streamerbot is posting 2 announcments in chat when I have only made 1 action of text for it :/ so weird
Рік тому+1
You are the best Nutty, always making cool stuff for making the life of streamers a little better, greetings from Argentina bro, i really admire your work!
Thanks for the video and the widget! FYI for anyone new, the video is a little old, you don't need to download any zip files anymore, everything is already in the overlay when you import it. Also.. at least for me I don't know why it never connects, it's always "connecting" and the test buttons don't work 95% of the time. Idk what I'm doing wrong so.. I'll put a pin on it for something to add later to my stream. EDIT: Fixed it! The port 8080 was already in use, so I changed it to 8000
Unfortunately, that's a waste. The pre-roll disable...ation? Only caps at 30 minutes, so you're still getting pre-rolls for the last 30 minutes of that hour and running ads twice as long as you need to for it to have the same effect.
@@RinzyOtt Is this still true? How many minutes of ads do you run and how often? it seemed that 3 minutes of ads in an hour (however you space out the 3 mins) is the only way to disable pre-rolls. Let me know! thanks :)
Very cool! 😎 I'm definitely going to apply this. *Random question about a potential plug-in. Is there any sort of detextor that can monitor, say a specific color pixel at a specific choosing that can act as a prompt for source or scene trigger? I've been looking for something like this to create a dynamic overlay to game content. I came across Pixel Match Switcher, but that seems to have issues, doesn't get updates, and may not fulfill the same mechanics. Anyway, love the content! 👌
This might be a stupid question, but is there any way to hook up SAMMI's streamer bot-like connections to this widget? Wasn't sure if it would work with its webhooks too.
Just a FYI: Seems the written instructions on Kofi have style.css → CSS style.css → JS Assuming the second listing JS was Script.js instead. If not, my bad lol Thanks for all the hard work on stuff like this!
maybe i'm doing something wrong but its not connecting after starting the websocket server in streamerbot. i've tripple checked that the address and port match but still having issues.... any advice on what to try next?
I ran into the same "problem" but it turns out StreamElements listened or responded to Nutty because we can totally skip the setting up the widget ourselves now. It's added into StreamElements for us. All we have to do now is connect it to Streamer Bot and set our resolution on OBS when we add the browser source! :3
omg...I do tarot readings, and this is a huge thing for me! I hate it when a viewer is getting a reading, only to be interrupted by ads =( Thank you so much for this!
How do I fix this issue.... CHAT told me when they got the ads... they did NOT hear the jingle I set up using your Overlay... to be fair I didn't SEE it either but only I heard it... it also seems to play DURING the ads not before hand. What could I be doing wrong and how do I fix it. there's no vids on this
Is there a way to set it to where a midroll notfication happens a few minutes before the actual ads play? I'm having trouble understanding how that works?
tried to set this up today and want to add a sfx - did it it streamerbot BUT i can hear the sfx twice (i think, it's like an echo) - i checked "monitoring" in OBS and it's off - what could it be?
If you liked this widget, I release more widgets over on Patreon. The $10 tier gives you access to all my widgets along with written and video instructions on how to install them all.
www.patreon.com/nuttylmao
Comment was 2 weeks before the video
Widget look at that
@@sxi_ Yes.
Twitch also now allows a 3 minute block of ads every hour to disable pre rolls too!
In the editor -> HTML tab you can change line 17 and/or 24
CSS tab -> Line 49 to change the color of the ad square
This is great to keep consistency with one's brand. Thank you!
Can i ask a more technical question? What if i want to change the coordinates of the Ad box?
thanks for that, now it all matches my stream ❤
This is super helpful! ONE suggestion… the graphics make it seem like the stream itself is an ad. Could confuse (dumb) subscribers when they see “Ad 1 of 4” in the corner of your stream. Might be less confusing to say “Non-subscriber ad break” or something customizable that make subscribers feel more special.
Hey there! So this is actually possible really easily done once you install the widget. Once you get to the step at 5:20 and have pasted the code from the 'Index' file into the HTML tab all you have to do is modify the text to what you want it to say. Specifically look for the word 'Ad' in the hilariously named div lol, you'll know it when you see it. If you want to modify the text for the mid-roll warning to be the same just modify the text that says "Ads starting in..." in the div named "midRollContainer". Nutty made the widget responsive so everything should adjust size accordingly. Just make sure to click "Save" in the top-right of the StreamElements page in order to see the changes you made. Hope this works out for you!
as a streamer: thankyou. this widget has been shared to my discord of other streamers. htis is such a small and appreciated thing. thanks man!
Thank you Nutty! your vids have helped a ton, keep up the great work!
This is awesome! I think a great addition to this would also be a countdown whether it be 1 minute or 5 minutes (or let us choose) of when ads are going to start too so people on stream can know when it's coming! Great video!
It's only possible to do 5 seconds since Twitch only notifies me through the API 5 seconds before every ad. There's no way for me to change that.
I think we need to acknowledge the "hugeTittiesContainer" in the codes, which is as surprising (well, not THAT much to be fair) that it is funny 👌 Thanks for the hard work Nutty!
dude this is amazing, congrats for the works !
So I uh, showed this to my buddy at streamelements, hopefully he sees it haha
Edit: he saw it and approved the widget for sharing and responded to the email XD we did it bois
Ayo, it actually might have worked!
Yay and thank you for doing this TwoFace!
It auto added the widget in StreamElements for me!!!!!!
@@jevvvNZ YAY! Glad I could help in some way!
It did work! Just clicking loaded it right into my overlays - great job! :)
did they removed it? cant find it :/
“ I’m also just tryna get hella views on this video “ 😂😂😂 . I love the honesty ! Best believe I’m sharing this to every streamer friend 🔥🔥🔥😂
Brother this is actually awesome! added to my stream today going to tell all my Aussie mates that stream to do it.
This worked wonderfully for me for a while but then suddenly the widget stopped working. It shows the countdown timer to let me know when an ad is starting but then does not follow through with the yellow bar and the top left says "1 of NaN·NaN:NaN". I'm not sure where it is messing up since I had not changed anything in any of my settings.
I have the same problem, I can't see the number of seconds left. Were you able to solve it?
Same problem. With test button it works, but I guess that data mocked - so doesn't work for now :(
I was able to fix it. If you go to the discord, someone has instructions for adjusting the code to fix this.
@@nekobeko Where in discord did you see this? Having the same issue T-T
I stopped using it months ago, I need to check the discord 🤣🤣
Thank you man for this widget! It means a lot for streamers on Twitch who just really wish to connect to people online.
Adding this as soon as I am done eating... I was looking for something like this last week.
Looks and works great.. i bypassed the stream elements part and just put it as a local browser source... i felt it was better since kinda the point of using something like streamer bot is to not use another bot or platform.
Not only you are an amazing person! You intelligent and think outside the box! Thanks for sharing this legend! BY THE all the Notifications alert are active (the only channel I have this enable for) amazing stuff!🎉❤
Great widget, just setup it up. Also joined the patreon. Worth supporting this content!
Is there a way to do this with SAMMI instead of streamer bot?
absolutely brilliant. changes the way I handle ad breaks.
This is the best widget ever. Thank you sir!
Dude, you are seriously the best ever. Thank you so much
I love it, congrats on your work!
Already share with everybody 🥰🥰
This is amazing, man! Thank you for what you do for the streaming community!
This is incredible!!! I will definitely be getting the rest over on Patreon. Thank you so much, set up was a breeze! Can't wait to try it out!
I love when people explain things step by step.
Dude thank you for this !! cant wait to try it out !
I appreciate how minimal the timers for ads are on this widget!
Awesome stuff man! Love it.
This widget is AMAZING!!!🤩 Such a HUGE help, Nutty! Been strugglin with Ads for a long time now😅 Lol Thank you for all your hard work! I will for sure be using this on my streams from now on!🥰
I've been concerned about Ads after I started streaming, especially because I don't really care about the ad revenue, I just want peeps to come chat with me and hangout. This widget is very helpful especially since I can actually see it on my SLOBS when ads are running, and it works better than the timer Twitch has for you. Thank you so much, this widget is clean!
I personally prefer the mid-roll ads. Cause nothing sucks more when you want to check out a new stream but have to sit through ads first. Super appreciate this widget though! I try to make sure my viewers know when an ad is upcoming becuase i don't want people to be 'punished' for not being subbed. I really just want to have fun
I think this is brilliant, so I don't want anyone to think otherwise when I say this lol. So on the flip side, say you as the streamer sees the timer and you decide to just sit there for 3 minutes or however long the ad-break is. The paid subs paid to remove those breaks and it's just replacing one break with another break essentially. I love the widget though, it's such a good idea, I just try to look at both sides of stuff haha. At the end of the day, this is Twitch's idiot money-grab tactics, so huge kudos for making this. Also can't count how many times I laughed at this video. That "goes to a good cause" hahahahhaha.
I hear you on this. I think it is a good thing to call out. For me what I started doing is a 90 second sketch, so I challenge myself to draw a picture in 90 seconds using a web based drawing canvas during the ad break so that way the subs see something and we aren't completely stopping the show. Not to say this is a perfect solution but maybe the solution here is to find a short activity you can do to reward your subscribers?
0:57 the delivery on this line is perfect LOL
Thanks for this. It's such a simple thing but adds some nice depth to the stream.
Wow what a coincidence. I was looking for an ad timer overlay and nutty came to the rescue! Pog
Thanks for the quality content and widgets as always! I'll definitely have it set up for my stream tomorrow!
omg nutty is too funny, thanks for the widget i've been looking for something like this for ages
This was super helpful! Thanks for making this 😍
thank you so much for bringing us this widget, it is really useful
Thank you so much for offering this one for free. It's so useful and I appreciate it so much.
I think they seen it.... it installed almost automatically for me!! Good job man!!
NUTTY! Thank you for this. This is amazing!!!
Hey Nutty, Thanks for the widget, it looks awesoma nd cant wait to see it in my next stream.
I dig the phub aesthetic of it as well! I might add the drum fill sound effect when it runs an ad for all the subs who don’t see them 😂
TYSM for this Nutty!!
You always have such simple instructions. Thanks.
Awesomw widget nutty!! thanks for makin the stream world better! ❤
I can't wait to use this, thank you!
Great job! The only changes I noticed were not seeing the CONNECTED... message (since I already had SB open and connected) and I had to rename the overlay after creating it.
what did u rename it to? cuz it wont work for me. i got the same issue u did where it never showed the "connected" box and keeps showing the "connecting" box
@@machochaos I just named it the same as Nutty did. I didn’t see Connecting or Connected.
Update: I just wanted to let you know I deleted my old comment because the streamer bot is now working after their new update dropped. So the widget is now working for me and I really love it keep up the good work I appreciate you doing all the hard work to make cool stuff. I also enjoy watching your live stream when you're doing this stuff life like making widget, overlays, alerts and so much more and I also recommend y'all to go watch him live.
Works like a champ you're the Nut Nutty!! Thanks!
Thank you so much for making such a useful tool I can't wait to use it
This was working great.. until it wasn't. Do we have to update? Thanks for all your work. Appreciate it.
Just started following and you are a golden idol my friend. I'm hoping to implement this soon and now I need to look into streamerbot. The bot I've been using is Mix it up, so not sure how different they are from one another but I will learn. Thanks.
Nutty you're an absolute genius thank you for everything you do
this is one of the coolest widgets you've ever done but could you maybe make some more preset positions for the timer? I wanna put it in the top-middle part of the screen
Sheesh.... Nutty! That`s widget is awesome! Unbelievable!
That prediction is dope keep up the great work bud going to that patreon now
I avoid all of this by manually playing all of my ads in between games. My viewers never have to miss gameplay - but they might miss conversation from time to time. I'm surprised so many people either keep prerolls on or schedule ads. Manual is the way to go.
This will also work for manual ads.
@@nuttylmao This is AWESOME news!
This is awesome! Thank you nutty!
Nutty your page is so helpful for an aspiring streamer like me, thank you!
Hey, is anyone else getting an issue where the ad widget itself shows up but the sound effects don't play? They play when tested in streamerbot but not when I test the ads.
It will play when the real ad starts, but not from the test button. I will fix this when I get back from vacation.
@@nuttylmao Ah ok, that answers the only question I had. Will test it tonight, thanks for this widget dude, it should be an immense help. I hate running ads but not having any idea when they were running doesn't help
Thanks Nutty, amazing as always ❤
Starting today, streambot has an aler that says "Unable to start, websocket server..." The overlay is no longer connecting like usual. Is this a streamerbot or a streamelements issue?
Not sure why but streamerbot is posting 2 announcments in chat when I have only made 1 action of text for it :/ so weird
You are the best Nutty, always making cool stuff for making the life of streamers a little better, greetings from Argentina bro, i really admire your work!
Thanks for the video and the widget! FYI for anyone new, the video is a little old, you don't need to download any zip files anymore, everything is already in the overlay when you import it. Also.. at least for me I don't know why it never connects, it's always "connecting" and the test buttons don't work 95% of the time. Idk what I'm doing wrong so.. I'll put a pin on it for something to add later to my stream.
EDIT: Fixed it! The port 8080 was already in use, so I changed it to 8000
Widget added, cant wait to give it a try!
I actually asked my community and they want 3 minutes of ads at a time every hour. This widget is awesome!
Unfortunately, that's a waste. The pre-roll disable...ation? Only caps at 30 minutes, so you're still getting pre-rolls for the last 30 minutes of that hour and running ads twice as long as you need to for it to have the same effect.
@@RinzyOtt Is this still true? How many minutes of ads do you run and how often? it seemed that 3 minutes of ads in an hour (however you space out the 3 mins) is the only way to disable pre-rolls. Let me know! thanks :)
Very cool! 😎
I'm definitely going to apply this.
*Random question about a potential plug-in.
Is there any sort of detextor that can monitor, say a specific color pixel at a specific choosing that can act as a prompt for source or scene trigger?
I've been looking for something like this to create a dynamic overlay to game content.
I came across Pixel Match Switcher, but that seems to have issues, doesn't get updates, and may not fulfill the same mechanics.
Anyway, love the content!
👌
so there is no .zip file to download the kofi link just send you to streamelements ..... am confused
This might be a stupid question, but is there any way to hook up SAMMI's streamer bot-like connections to this widget? Wasn't sure if it would work with its webhooks too.
“ all this does go to a good cause … ME “ 😂😂😂😂 I love it 😂😂😂😂🔥
just installed it! thanks Nutty!
Omg dude you are the man! Doing this as soon as I get home from work! I'll drop you 10 bucks and a free trial link to my OF 😘
It works otherwise, but after AD 1 of 1 there are random symbols. And no point like in the video. What can I do?
Streamers should be watching this versus the superbowl. Thanks @Nutty
thanks Nutty for this Ads overlay
Just a FYI: Seems the written instructions on Kofi have style.css → CSS style.css → JS Assuming the second listing JS was Script.js instead. If not, my bad lol
Thanks for all the hard work on stuff like this!
Yep, I will fix that.
@@nuttylmao Lol Just wanted to catch it before ya had a flood of people confused poking you. Thanks again for everything
maybe i'm doing something wrong but its not connecting after starting the websocket server in streamerbot. i've tripple checked that the address and port match but still having issues.... any advice on what to try next?
How is this widget different from the dashboard ads manager? Does this show it to viewers of the stream itself or just for you as the streamer?
It shows on the stream itself so everyone can see it (including subs and people who don't get ads due to fill rates).
So, I clicked get it now, but I don't get anything downloaded. It just opens up and puts it in strreamelements? Is there something i'm missing?
I ran into the same "problem" but it turns out StreamElements listened or responded to Nutty because we can totally skip the setting up the widget ourselves now. It's added into StreamElements for us.
All we have to do now is connect it to Streamer Bot and set our resolution on OBS when we add the browser source! :3
You are simply a genius! You're videos are super helpful and obviously so easy to understand! Thank you for all you do!
great one Nutty but i got one problem it's not connecting to SB not sure what's wrong
This is awesome! Thank you!
Thanks for the helpful vids
ive done everything in and its connected but when I get ads nothing comes up any way I can fix this?
omg...I do tarot readings, and this is a huge thing for me! I hate it when a viewer is getting a reading, only to be interrupted by ads =( Thank you so much for this!
sometimes the bar doesnt seem to sync up with ads or is longer/shorter than ads. when changing ad duration on twitch, will that effect such ?
Can you make this also on sammi?
is there a way to make it work with dual pc streams? doesnt seem to show up on my obs when ads run
Yes, run Streamer.bot on the streaming PC.
Exist a way to use this template with sammi?
How do I fix this issue.... CHAT told me when they got the ads... they did NOT hear the jingle I set up using your Overlay... to be fair I didn't SEE it either but only I heard it... it also seems to play DURING the ads not before hand. What could I be doing wrong and how do I fix it. there's no vids on this
Hopefully someone will answer: Yellow bar is there but icon is different. Is it cus of some updates or something?
Is there a way to set it to where a midroll notfication happens a few minutes before the actual ads play?
I'm having trouble understanding how that works?
You are the best. But I have one problem. (I followed along step by step. But it keeps saying top right: Ads Starting in... How do I get rid of that?
Awesome widget, as per usual!
Is it possible to replace streamer bot with aitum?
Or Touch Portal...
Is there a way to remove the "connecting/connected" pop up? I tend to change scenes often and it keeps showing up every time I do it
I would prefer if it was all inside streamer bot, without streamelements... However, thank you for offering this for free, super kind from you!
Same. or even within OBS and streamerbot. I hate having ANOTHER thing to manage.
tried to set this up today and want to add a sfx - did it it streamerbot BUT i can hear the sfx twice (i think, it's like an echo) - i checked "monitoring" in OBS and it's off - what could it be?