Horizontal Ticker Embed Instructions

javascript method

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

district - (String: Optional) - the Scorebird district to limit the schedules to. NOTE: One of association or district is required

association - (String: Optional) - the Scorebird association to limit the schedules to. NOTE: One of association or district is required

level - (String: Optional) - the level to limit the ticker to (e.g., varsity or freshman)

sublevel - (String: Optional) - the sublevel to limit the ticker to (e.g., "blue", "A-Team", etc. - assuming your teams are further categorized in Scorebird)

live_final_only - (Boolean: Optional) - ensures that only live and final schedules are displayed (as opposed to schedules that are upcoming)

auto_navigate_timeout - (Integer: Optional) - amount of time in milliseconds before new schedules are animated in

sport - (String: Optional) - the sport to limit the ticker to - one of the following: basketball, baseball, softball, volleyball, wrestling, soccer, field hockey, lacrosse, ice hockey

all_sports - (Comma-separated String: Optional) - the exhaustive list of sports to show in the ticker. For example: 'soccer,football,volleyball,field hockey,basketball,baseball,softball'

<div id="scorebird_ht_widget"></div>

<script type="text/javascript">
  window.addEventListener('load', function () {
    ScorebirdHorizontalTickerWidgetV1.init({selector: "scorebird_ht_widget", district: "", level: "", sport: "", sublevel: "", all_sports: "", association: "", live_final_only: true, auto_navigate_timeout: 5000});
  });
</script>

<script type="text/javascript" src="https://widget.scorebird.com/scorebird-horizontal-ticker-widget-v1.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 using an iFrame.