ScoreStream is a fan-driven, high school sports app and platform that allows you to create customized Scoreboard Widgets to showcase your favorite teams’ activity online. Once these are created, they can be integrated and displayed onto your SNO Site.
Check out ScoreStream’s support page for instructions on creating your own Scoreboard Widgets here.
Embedding Your Scoreboard Widget onto Your SNO Site
For a horizontal embed:
- Copy the embed code from ScoreStream and use the Custom HTML widget to place it in the widget area you'd like ScoreStream to appear.
- Go to Design Options -> Custom CSS, activate Custom CSS, and add the following:
.scorestream-widget-container { min-height: 165px; }
For a vertical embed:
You will need to add some code to the embed code from ScoreStream before placing it in the Custom HTML widget on your site. Add the following at the beginning of the embed code:
<div style="width:300px; max-width: 100%; height: 400px;">
AND add to end of the code:
</div>
You can adjust the width and height numbers if you'd like, but your MUST keep the max-width: 100%; in order for this embed to work properly on Mobile.
Example
Code from ScoreStream:
<div class="scorestream-widget-container" data-ss_widget_type="teamSchedule" data-user-widget-id="61913"></div><script async="async" type="text/javascript" src="https://scorestream.com/apiJsCdn/widgets/embed.js"></script></div>
Adjusted Code to use on your site:
<div style="width:300px; max-width: 100%; height: 400px;"><div class="scorestream-widget-container" data-ss_widget_type="teamSchedule" data-user-widget-id="61913"></div><script async="async" type="text/javascript" src="https://scorestream.com/apiJsCdn/widgets/embed.js"></script></div>