Scoreboard Embed Instructions

javascript method

Embed a scoreboard into your website by adding a few lines of Javascript to your website's HTML code.

NOTE: The Javascript method is preferred over the iFrame method, as it is less prone to sizing and responsive issues that exist with iFrames

Parameters

selector - (String: Required) - reference to the container object (the ID of a unique div) on the page that will contain the widget

tag - (String: Required) - a Scorebird identifier that represents a list of schools. Generated by Scorebird.

max_schedules - (Integer: Optional) - the maximum schedules to display

partner - (String: Optional) - a Scorebird identifier that represents the integration partner. Generated by Scorebird.

primary_color - (String: Optional) - The main accent color for the scoreboard. Hex format: (e.g., #FF0000)

<div id="scorebird_scoreboard_widget"></div>

<script type="text/javascript">
  window.addEventListener('load', function () {
    ScorebirdScoreboard.init({selector: "scorebird_scoreboard_widget", tag: "", max_schedules: 50, partner: "", primary_color: ""});
  });
</script>

<script type="text/javascript" src="https://widget.scorebird.com/scorebird-scoreboard.min.js" async></script>

Upcoming Game View

Show the next game so fans know when to tune in or be at the field.

Game Final View

Show final scores when the game is over.

iframe method

Embed the scoreboard using an iFrame.

Parameters

You can add the below parameters to the iFrame source url as ordinary url parameters.

tag - (String: Required) - a Scorebird identifier that represents a list of schools. Generated by Scorebird.

max_schedules - (Integer: Optional) - the maximum schedules to display

partner - (String: Optional) - a Scorebird identifier that represents the integration partner. Generated by Scorebird.

primary_color - (String: Optional) - The main accent color for the scoreboard. Hex format: (e.g., #FF0000)

<iframe style="border: 0px;" frameborder="0" width="100%" height="1000" src="https://widget.scorebird.com/scoreboard-widget.html?tag=&max_schedules=&partner=&primary_color="></iframe>

WANT TO LEARN MORE?

Send us a message below to learn more about how Scorebird can help your organization or school

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.