This is the blog for Keepthescore.co, the world’s simplest online scoreboard.

How to create an embedded online scoreboard

This is a post demonstrating how to embed a scoreboard or leaderboard using an iframe for Keepthescore.co. What’s quite nice is that it will update automatically without the page reloading.

First of all you need to go over to Keepthescore.co and create your scoreboard. You can do this without registering or providing an email address. Pretty cool, no?.

Then grab the URL using the “Publish” button. You need the public version of the URL, which always ends in ‘r’.

Now add the following (example) code to your page. Ensure that you replace the URL in the scr tag with the URL you got from the step above.

<iframe height="550px" width="100%"
 scrolling="no"
 src="https://keepthescore.co/board/3SdSIAy3s_s1r/"
 style="border:none;">
</iframe>

If you did everything correct, your scoreboard should look something like this:

And here’s an embedded leaderboard:

If you have feedback or questions then write me a mail.


Share

comments powered by Disqus