Virtual Scoreboard Embed Instructions

javascript method

Embed the virtual scoreboard on your website by adding a few lines of Javascript to your website's HTML code. In the code, add your NeST serial number, the Scorebird team id, or a specific Scorebird schedule id. You can also override the primary and secondary colors, using hex color codes like #FF0000.

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 - (Required) - refers to a container object (the ID of a unique div) on the page that will contain the widget

primary_color - (Optional) - the main color of the scoreboard. Hex format: (e.g., #FF0000)

secondary_color - (Optional) - the accent color of the scoreboard. Hex format: (e.g., #FF0000)

serial - (Optional) - the 5-digit serial number for your NeST device. NOTE: One of serial, team_id, or schedule_id is required.

team_id - (Optional) - the unique Scorebird team_id. NOTE: One of serial, team_id, or schedule_id is required.

schedule_id - (Optional) - the unique Scorebird schedule_id. NOTE: One of serial, team_id, or schedule_id is required.

sport - (Optional) - the sport (One of the following: basketball, baseball, football, flag football, softball, volleyball, wrestling, soccer, field hockey, lacrosse, ice hockey)

<div id="scorebird_sg_widget"></div>

<script type="text/javascript">
  window.addEventListener('load', function () {
    ScorebirdWidgetV2.init({selector: "scorebird_sg_widget", primary_color: "", secondary_color: "", serial: "", team_id: "", schedule_id: "", sport: ""});
  });
</script>

<script type="text/javascript" src="https://widget.scorebird.com/scorebird-widget-v2.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 virtual scoreboard on a website using an iFrame.