Posted November 13, 20159 yr Following the request for beta testing our new embed functionality, introducing the official beta thread for the new HWBOT embed functionality. Since September we are working with an external company to push the HWBOT development into a new direction. At the moment we are focusing on preparing the OC-ESPORTS website for 2016. The first feature to make it to production is the new HWBOT Embed functionality. This allows you to embed HWBOT rankings on your blog, forum, or website without any knowledge on software development. The function is available at http://hwbot.org/embed/loadembed. A couple of Notes: The integrated forum rankings v2 from 2010 still works. There are no plans to discontinue this, but we are not actively maintaining the code. The Embed functions are currently only available for registered developers. We want to monitor the usage and see how it affects the performance of the website as we scale up. There are currently three supported types of leaderboards: Competition: embed the leaderboard of an OC-ESPORTS competition Benchmark: embed the benchmark overall hall of fame Team: embed the leaderboard of a benchmark, scoped to your team members [*]We currently support three types of embed forms Javascript embed JSON output Vbulletin BBCODE(*) We also support custom SQL to Embed for custom data requests. This will be available for our premium partners first as we make sure it functions correctly. During the next couple of weeks we will run tests with developers who will beta test the different leaderboards. Our main focus is gathering feedback on usability, speed and server load, and feature requests. Once we have gathered all the feedback, we will plan the next development steps for the embed functionality. This is already in our backlog: Stylesheet customization (color, font, etc) Reddit markup Country leaderboards Overclockers League leaderboard Long-term I really want to bring back the functionality to submit results from external websites (like we had 10y ago). If the embed kicks off and becomes really popular, I think this would definitely be a valuable tool for team admins to get people involved in overclocking. How to become a registered developer? Post a message below so I can add developer credentials to your HWBOT account. How to create an Embed Go to http://hwbot.org/embed/loadembed. Select your embed configuration Click 'Generate Configuration' Copy-paste the code where you want to embed You can view previously configured embeds with Inspect. You can also delete the embeds you're no longer using. How to use JSON and BBCODE For JSON, use the following URL: http://hwbot.org/embed/rankings.json?token={configId}. For the example used above, this would be: https://hwbot.org/embed/rankings.json?token=59155351-f93c-4747-80a9-ab6c0701601b For BBCODE, ask your forum admin to add the following BBCODE configuration: Title: HWBOT leaderboard embed BB Code Tag Name: hwbot Replacement: <script src='https://hwbot.org/js/embed.js'></script><div id='{param}'><script type='text/javascript'>hwbot_embed('{param}','','embedTable')</script></div> Example: [hwbot]8a011200-d907-4d93-8ea2-acf4deeced90[/hwbot] Description: Embed HWBOT leaderboard Then simply use the [hwbot]{configId}[/hwbot.] for embedding the leaderboard. Examples
November 13, 20159 yr Author I hope you guys like the new stuff! Let us know your feedback so we improve your experience!
November 13, 20159 yr I've been thinking of something like that few weeks ago, what you've done is amazing I will propose to Cowcotland webmasters to integrate it at least in our bbcodes ^^ Nice features to have would be : - Choosing between TOP results or LAST results - Choosing the number of results to display (top-20, top-5, last-10 etc ...). Maybe, with a cap of 20, it can lighten (not much) the network load. - Country leaderboard ? I see that most of the comp don't appears yet. It's just for the need of beta-testing, at release all comps will be available ? Edited November 13, 20159 yr by Taloken
November 13, 20159 yr Yep. Looked at it briefly but I think this will work for us well. Especially for community driven comps
November 15, 20159 yr Author Done with BBCodes ! http://www.cowcotland.com/post416785.html#416785 Wow, that looks great! :celebration: How did you change the color schemes? I've been thinking of something like that few weeks ago, what you've done is amazing I will propose to Cowcotland webmasters to integrate it at least in our bbcodes ^^ Nice features to have would be : - Choosing between TOP results or LAST results - Choosing the number of results to display (top-20, top-5, last-10 etc ...). Maybe, with a cap of 20, it can lighten (not much) the network load. - Country leaderboard ? I see that most of the comp don't appears yet. It's just for the need of beta-testing, at release all comps will be available ? Noted down the suggestions. The lack of competitions was a small bug that is already fixed on our test environment. So soon all will be available. I also noticed there were no 3D benchmarks available, which is also being addressed.
November 15, 20159 yr The column header background is overwritten by our own CSS, so it's black instead of orange.
November 15, 20159 yr Author That's very cool. Is it overwritten by default, or did you have to re-write CSS?
November 15, 20159 yr I didn't touch anything, website's CSS place a black background-image on all table header. I suppose it's prioritary over embed.css
November 19, 20159 yr Author Brief update: All benchmarks are now available for Team and Benchmark Leaderboard All competitions are now available for Competition Leaderboard Country Cup 2015
November 24, 20159 yr Author how to change the width? There is a way to overwrite the CSS manually. <script src='http://hwbot.org:80/js/embed.js'></script> <div id='10d346e4-bb8b-41b5-a17b-de87829dfb6e'><script type='text/javascript'>hwbot_embed('10d346e4-bb8b-41b5-a17b-de87829dfb6e','','embedTable')</script></div> Ihe embed code we exposed the CSS class name: embedtable. If you want to use your own style sheet, just change the ‘embedTable’ to the CSS classname in your style sheet. I haven't tested this myself, just relying on the word of the devs. Will try this week when I find time ...
September 6, 20168 yr Is it okay If I were to use an Embed for, say a futuremark leader board, on the OCN website?
January 7, 20178 yr How to become a registered developer? Post a message below so I can add developer credentials to your HWBOT account. Posting
July 6, 20186 yr Does this functionality still work? I've been updating a lot of custom bbcode on our forum and haven't been able to get this one back into a working state.
July 13, 20186 yr Thank you, gents. richba5tard, if you go to the following link you'll see our example usage.https://www.overclockers.com/forums/misc.php?do=bbcode#hwbot This thread would typically have a massive list of rankings.https://www.overclockers.com/forums/showthread.php/646030-HWBOT-Rankings
July 16, 20186 yr OK so I shouldn't need to change anything on my end, correct? Thanks for looking in to it!
July 16, 20186 yr 2 minutes ago, richba5tard said: You might! Please check if you have a reference to https://ssl somewhere in the hwbot code snippet. Here's what I have in my BB Code entry for the HWBot code, should it be something different now? <script type="text/javascript"> var _hwbtarget = 'hwb_' + Math.round((Math.random() * 100000)); document.write("<div id='"+ _hwbtarget +"'><img src='//62.182.59.107/img/loader.gif' alt='loading'/> Loading…</div>"); // uncomment for custom css var _hwbcss = "//hwbot.org/css/style.external.custom.ocforums.css"; var _hwb = _hwb || []; _hwb.push(['type={param}']); _hwb.push(['params={option}']); _hwb.push([_hwbtarget]); (function() { var hwbex = document.createElement('script'); hwbex.type = 'text/javascript'; hwbex.async = true; hwbex.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://') + 'hwbot.org/js/exf2.js'; var s = document.getElementById(_hwbtarget); s.parentNode.insertBefore(hwbex, s); })(); </script>
July 16, 20186 yr 43 minutes ago, richba5tard said: Please replace: hwbex.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://') + 'hwbot.org/js/exf2.js'; With: hwbex.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'hwbot.org/js/exf2.js'; OK sorry for the delay, got waylaid. I made that change, which took the result from "loading" to a blank element in the thread. https://www.overclockers.com/forums/showthread.php/646030-HWBOT-Rankings
July 18, 20186 yr 50 minutes ago, richba5tard said: Sorry, not sure why but it keeps using the non https version. You can't mix https with http, the browser will prevent that. Can you force https by changing above line to: wbex.src = 'https://hwbot.org/js/exf2.js'; Doesn't look like that's fixed it either. I did manage to get the loader.gif to work though, for some reason it was set to a static IP instead of hwbot.org Here's where I'm at right now: <script type="text/javascript"> var _hwbtarget = 'hwb_' + Math.round((Math.random() * 100000)); document.write("<div id='"+ _hwbtarget +"'><img src='https://hwbot.org/img/loader.gif' alt='loading'/> Loading…</div>"); // uncomment for custom css var _hwbcss = "https://hwbot.org/css/style.external.custom.ocforums.css"; var _hwb = _hwb || []; _hwb.push(['type={param}']); _hwb.push(['params={option}']); _hwb.push([_hwbtarget]); (function() { var hwbex = document.createElement('script'); hwbex.type = 'text/javascript'; hwbex.async = true; wbex.src = 'https://www.hwbot.org/js/exf2.js'; var s = document.getElementById(_hwbtarget); s.parentNode.insertBefore(hwbex, s); })(); </script>
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.