How to embed an online scoreboard using an iframe

December 21, 2018



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.

  1. 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?
  2. Click the “Share” button at the top of your scoreboard.
  3. Click the copy button next to the embed code.
  4. Paste the code into your page (e.g. Wordpress, Wix, Square, etc.)
  5. That’s it!

Check this out for the full documentation: how to embed widgets.

Here’s what an embedded scoreboard looks like:

Here’s what a leaderboard looks like. It also has some custom colours, just because.

Fresh out of the oven are team leaderboards. This is what they look like:

Here is a version using the current sports scoreboard:

Embedded soccer scoreboard

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.