WordPress.org

Ready to get started?Download WordPress

Forums

Live Stream Badger
Redirect Link to twitch tv to a custom Stream Page (21 posts)

  1. George Kourakos
    Member
    Posted 9 months ago #

    Good Evening, After many hours of searching i finally found that widget and i have to admit that it is excelent.But i would be really happy if there was an option to make the links from redirecting to the original channel redirect to a custom stream page that i created. In there i also have the stream player and chat . The reason why i want that is because i prefer to hold the people in my site while they are watching the stream. To be more specific i have http://www.gamespace.gr in the sidebar of my website i have added the widget and put some channel on it . For example i want the channel devatva which i have to redirect from http://www.twitch.tv/devatva_east to my own custom page of him http://gamespace.gr/live-streaming/ . I know a website that managed that but i cannot find out how to do it .. the site is lolking.net when you click on stream automatically redirect you to a custom stream page. Keep in mind that i want the status online and offline to exist. Please if someone knows let me know . I would really appreciate it.

    http://wordpress.org/plugins/live-stream-badger/

  2. George Kourakos
    Member
    Posted 9 months ago #

    I found it in 20 minutes , how to do it ? . Its simple take this shortcode that i found in some other question that you have answered and $("a[href='http://www.google.com/']").attr('href', 'http://www.live.com/') replace the links and youa re done. Add the jquery in your files and you are ready. The easier way is this to add the jquery in this widget and make your life easier. http://wordpress.org/plugins/jquery-ui-widgets/ Have Fun Guys !

  3. carlito480
    Member
    Posted 8 months ago #

    Can u explain me step by step how to do it?

  4. George Kourakos
    Member
    Posted 8 months ago #

    I used this link to make the online offline work, cause actually the plugin had a problem. It stacked sometimes. but his works.
    http://obsproject.com/forum/viewtopic.php?f=22&t=2556 here a link that helps .

    Add a photo with php class and a photo in it. For example heres the code of my forst streamer that i used . use it on your own streamers

    <img class="alignnone" alt="" src="/wp-content/uploads/img/devatva.jpg" />  <span style="font-size: 16px;">Devatva</span><div class="fright"><img class="alignnone" alt="" src="http://teamewix.com/stream.php/devatva_east/sred" /></div>

    /live-streaming --- is the page that contains the stream . all the other just simply take the information to show online/offline factor

  5. carlito480
    Member
    Posted 8 months ago #

    i dont have problem with the offline/online, but actualy i want to redirect clicking on stream thumnail, from twitch.tv to my page including the stream window too keep people on my page

  6. George Kourakos
    Member
    Posted 8 months ago #

    the code i gave you does exactly what you want!

  7. George Kourakos
    Member
    Posted 8 months ago #


  8. George Kourakos
    Member
    Posted 8 months ago #


  9. George Kourakos
    Member
    Posted 8 months ago #

    <li><a href="/live-streaming/" target="_blank"><img class="alignnone" alt="" src="/wp-content/uploads/img/devatva.jpg" /></a>&nbsp;&nbsp;<span style="font-size: 16px;"><a href="/live-streaming/" target="_blank">Devatva</a></span><div class="fright"><img class="alignnone" alt="" src="http://teamewix.com/stream.php/devatva_east/sred" /></div></li>

  10. carlito480
    Member
    Posted 8 months ago #

    Ok, it works for me if i would like to add streams manually, and put them on my site. The problem is i would like to use that plugin Tadas created, and after clicking on Tadas's thumbnail it would redirect whereever i want.

  11. carlito480
    Member
    Posted 8 months ago #

    http://hearthstonestreams.com
    for example clicking link here redirects to my page, not to twitch

  12. Tadas Krivickas
    Member
    Plugin Author

    Posted 8 months ago #

    Hi Carlito,

    You can use jQuery to replace links as a temporary solution before it's rolled out in the next versions of the plugin.

    Use it as explained here: http://stackoverflow.com/questions/179713/how-to-change-the-href-for-a-hyperlink-using-jquery

    You can enqueue a script from your theme's functions.php file and place all this jQuery based stuff inside of that script.

    Or another option would be to use an additional plugin that would allow writing javascript inplace, as George explained http://wordpress.org/support/topic/redirect-link-to-twitch-tv-to-a-custom-stream-page?replies=11#post-4748183

    Regards

  13. vizuina
    Member
    Posted 8 months ago #

    Can someone tell me how to enqueue the script into theme function.php because I cant do it (Im so low) :|

  14. johnnynoears
    Member
    Posted 5 months ago #

    I have been going at this for a couple of hours but I honestly am at a lost. I tried doing what George said but I am getting nowhere at all. I installed the plugin he said but I don't know what I'm putting in exactly and where. The whole php with an image part is a bit confusing as well.

  15. Tadas Krivickas
    Member
    Plugin Author

    Posted 5 months ago #

    http://wordpress.org/plugins/scripts-n-styles

    Please use this plugin, then enter your script in Blogwide Javascript > Scripts (for the head element).

  16. johnnynoears
    Member
    Posted 5 months ago #

    Awesome, everything seems to be working great now. I have a new problem in my hands now though.

    Yesterday night before I slept, the status widget was working fine. Now today when I went to check it out, the widget was missing. I was thinking that maybe I could just reassign it in the Dashboard>Widgets settings. The problem here is that LSB Status doesn't even show up as a widget anymore. I see all of my other widgets there but I don't see LSB Status anywhere so I can put it in my main sidebar. I have no idea where my LSB Stream Widget has gone.

    I reinstalled, deactivated, reactivated but no go. I have no idea what the problem is here.

  17. Tadas Krivickas
    Member
    Plugin Author

    Posted 4 months ago #

    @johnnynoears

    In the latest version of the plugin, the widget name has been changed to 'Live Stream Status'. Can you check if it's available?

    Otherwise, please create a new thread (one thread per issue).

  18. LucyNyu
    Member
    Posted 4 months ago #

    I'm trying to achieve the same result, yet failing miserably.

    I use default Live Streams Status widgets with URLS to Twitch. My goal is to have an individual page for each streamer and have widget links redirect to specific pages instead of Twitch.

    I already installed Scripts-n-Styles as Tadas suggested and tried adding
    $("a[href='http://www.twitch.tv/username']").attr('href', 'http://www.mysite.com/username')

    To Blogwide Javascripts > Scripts (for head element)

    What am I doing wrong?

  19. George Kourakos
    Member
    Posted 4 months ago #

    jQuery(document).ready(
    function(cash) { $("a[href='http://www.twitch.tv/example']").attr('href', 'http://www.mysite.com/example') });

    Here is the working code . Have a look at it

  20. LucyNyu
    Member
    Posted 4 months ago #

    Thank you, that did the trick.

  21. aky004
    Member
    Posted 2 months ago #

    hey guys, i'm trying to do the same thing LucyNyu did but it seems not working, i istalled Script n Styles and added
    jQuery(document).ready(
    function(cash) { $("a[href='http://www.twitch.tv/example']").attr('href', 'http://www.mysite.com/example') });

    In the head but nothing change, it keep redirecting to twitch instead of the page in our site

    Site: Hearthstonearena.it
    Thanks in advance!

Reply

You must log in to post.

About this Plugin

About this Topic

Tags