How to add a scoreboard overlay to your OBS stream

Are you streaming a live sports event using OBS (Open Broadcaster Software) or a similar software? If you want to add live scores to your stream (also called a score bug), then this is the right post for you.

OBS is a fantastic desktop software for streaming. It is free, available for all major platforms and easy to use. You can download it here. A quickstart document is also available here.

Keepthescore.com makes it very easy to add a scoreboard overlay for OBS — it's what we'll be using in this post. It looks professional, is super quick to set up and user-friendly! You can even control the scores from a separate phone, all without installing any extra apps: all the score-keeper needs is a link.

How does it work?

There are 2 main steps to getting it working. We will describe each step in detail below, but here is the outline:

1. Set up your scoreboard (create the scoreboard and get the overlay URL)
2. Insert the overlay URL into your streaming software. In this post we will just be looking at OBS (Open Broadcaster Software).

Step 1: Set Up Your Scoreboard

In this step we create and customize a scoreboard.

We have dedicated scoreboards for the following sports: football, baseball, basketball, hockey, soccer, tennis, volleyball and more! To begin, click the button below 👇 and choose your sport.

You should then see the following. This is your "control panel".

Control panel for an online scoreboard

You will use this control panel to control the scores. For detailed customization options (team names, colors, logos, layouts), see our scoreboard customization guide.

💡 You can share the URL of the control panel to give someone else the ability to change scores. Click the "Share scorekeeping link" button to copy the link or generate a QR code for easy sharing.

Next, we will get hold of the public scoreboard URL.

Click on the "Open Display Scoreboard" button at the top of the control panel. See below:

1. Getting the scoreboard link

You have several options in the dialog that appears:

• Click "COPY" to copy the URL to your clipboard
• Click "VIEW" to preview the scoreboard

2. Getting the scoreboard link

💡 Layout Options: Many sports (including Universal, Basketball, Hockey, and all set-based sports like Tennis, Volleyball, Badminton, Squash, and Pickleball) support multiple layouts. You can:

• Use different layouts on different devices simultaneously
• Lock specific layouts using URL parameters (e.g., ?layout=simpleBug)
• Show a scorebug overlay in your stream while displaying a full scoreboard on a TV

Click "Click here" in the share dialog to see all available layout options for your sport.

Step 2: Insert the Overlay URL into OBS

The image below shows the main OBS window with a placeholder image instead of the live stream. We are going to add our scoreboard overlay to this placeholder image.

We are going add a new "source". Go to the source window at the bottom and click on the "+" button. Then click on " browser".

Accept the defaults in the modal dialog by clicking on "OK".

In the next screen you paste the URL you created in step 2 into the "URL" field. It also makes sense to adjust the width field to 1000. See below:

Click on OK, and your new browser source should be added and visible as below:

You can use the red frame to adjust the size of the overlay and position it as you require. You are now ready to start streaming! 🎉

Frequently Asked Questions

If the scoreboard fails to load:

1. Does it show a spinning loading icon, or is it just blank?

2. Try right-clicking on the browser source in OBS and selecting "Refresh" - does that fix it?

3. Check the OBS log file (Help menu → Log Files → View Current Log). Look for any red error messages or anything mentioning "keepthescore" and send us a screenshot.

Quick settings to check in OBS:

In your browser source properties, make sure "Shutdown source when not visible" is unchecked. This setting can sometimes cause connection issues.

Thanks for your patience, and let me know if you catch any more details next time it happens!

Advantages of our solution

Here's a quick summary of why Keepthescore.com works so well in this scenario:

• No software install is required to create or use the scoreboard overlay. All you need is a device that is capable of accessing the internet and has a browser.
• The person who is doing the scorekeeping can be anywhere in the world.
• A standalone scoreboard for sharing on social media or projecting onto a screen also comes included.
• We will be adding features and new sports according to what YOU request.

By the way, our solution works for other streaming software too. See this guide for an overview.

💡 One more thing Do you require a leaderboard instead of a scoreboard? Then check out this post: how to add a leaderboard to your OBS stream.

🏈 Football streamers: Looking for football-specific instructions? Check out our dedicated guide on adding a football scoreboard to OBS.

🏀 Basketball streamers: Need basketball-specific features? See our comprehensive guide on adding a basketball scoreboard to OBS.