Widgets

We offer a host of widgets for publishers to easily embed numberFire content, analytics, and projections into any blog or content site.

Our widgets allow you to offer your readers uniquely data-driven content about the players, teams, and sports they care about. They also allow you to easily and quickly create series of posts and content that leverages the inherent debate of rankings. Finally, they allow you the flexibility to seamlessly and easily support any argument or viewpoint with data, embedded right in the article.


Fantasy Football: Draft Kit

Fantasy Football: Position Widget

Our position widget allows you to embed our latest projections for a given position, such as QB, D, or Flex. You can highlight a certain position each day of the week and form an article about sleepers and duds, or highlight them all on a big Sunday posts getting your users ready for the upcoming week.

To use this widget, use the following HTML:
<iframe id="n_0" src="https://numberfire.com/external/widgets/top-players" width="600" height="300"></iframe><br /><div style="font-size: 12px; margin: 10px 0"><a href="https://numberfire.com/nfl/fantasy/fantasy-football-projections">Fantasy Football Projections</a> by <a href="https://numberfire.com">numberFire</a></div> <script>var _nf0 = document.getElementById("n_0");_nf0.contentWindow.location.href = _nf0.src;</script>

To use a specific position, append /qb, /rb, /rbwr, /te, /k, or /d to the URL.
Note that you can set the width and height to whatever values fits your blog, but a minimum height of 300px is best.

Fantasy Football: Team Widget

Our team widget allows you to embed our latest projections for a given team. You can compare two teams to give a look-ahead to a real world matchup, or simply give your fans something to talk about and debate on a team blog.

To use this widget, use the following HTML:
<iframe id="n_1" src="https://numberfire.com/external/widgets/teams/philadelphia-eagles" width="600" height="300"></iframe><br /><div style="font-size: 12px; margin: 10px 0"><a href="https://numberfire.com/nfl/fantasy/fantasy-football-projections">Fantasy Football Projections</a> by <a href="https://numberfire.com">numberFire</a></div><script>var _nf1 = document.getElementById("n_1");_nf1.contentWindow.location.href = _nf1.src;</script>

To use a specific team, use a lower-case slug like dallas-cowboys or st-louis-rams.
Note that you can set the width and height to whatever values fits your blog, but a minimum height of 300px is best.

Fantasy Football: Who Should I Start?

Our comparison widget allows any of your visitors to quickly compare players using numberFire projections and analytics. This allows you to build functionality right into your site, and create interesting and time-sensitive articles around our projections.

To use this widget, use the following HTML:
<iframe id="n_2" src="https://numberfire.com/external/widgets/who-should-i-start" width="600" height="350"></iframe><br /><div style="font-size: 12px; margin: 10px 0"><a href="https://numberfire.com/nfl/fantasy/fantasy-football-projections">Fantasy Football Projections</a> by <a href="https://numberfire.com">numberFire</a></div><script>var _nf2 = document.getElementById("n_2");_nf2.contentWindow.location.href = _nf2.src;</script>

To preload the widget with two specific players, add a two player slugs at the end, like dez-bryant-vs-calvin-johnson.
Note that you can set the width and height to whatever values fits your blog, but a minimum height of 350px is best.

Fantasy Football: Who Should I Draft?

Our comparison widget allows any of your visitors to quickly compare players using numberFire projections and analytics. This allows you to build functionality right into your site, and create interesting and time-sensitive articles around our projections.

To use this widget, use the following HTML:
<iframe id="n_3" src="https://numberfire.com/external/widgets/who-should-i-draft" width="600" height="350"></iframe><br /><div style="font-size: 12px; margin: 10px 0"><a href="https://numberfire.com/nfl/fantasy/fantasy-football-projections">Fantasy Football Projections</a> by <a href="https://numberfire.com">numberFire</a></div><script>var _nf3 = document.getElementById("n_3");_nf3.contentWindow.location.href = _nf3.src;</script>

To preload the widget with two specific players, add a two player slugs at the end, like dez-bryant-vs-calvin-johnson.
Note that you can set the width and height to whatever values fits your blog, but a minimum height of 350px is best.

Daily Fantasy Basketball: Position Widget

Our position widget allows you to embed our latest projections for a given position, such as PG, SF, and C. You can highlight a certain position each day of the week and form an article about sleepers and duds, or highlight them all on a big night getting your users ready for the upcoming slate of games.

To use this widget, use the following HTML:
<iframe id="n_0" src="https://numberfire.com/external/widgets/nba/fanduel-values" width="600" height="300"></iframe><br /><div style="font-size: 12px; margin: 10px 0"><a href="https://www.numberfire.com/nba/daily-fantasy/daily-basketball-projections">Daily Fantasy Basketball Projections</a> by <a href="https://numberfire.com">numberFire</a></div> <script>var _nf0 = document.getElementById("n_0");_nf0.contentWindow.location.href = _nf0.src;</script>

To use a specific position, append /pg, /sg, /sf, /pf, or /c to the URL.
Note that you can set the width and height to whatever values fits your blog, but a minimum height of 300px is best.

Daily Fantasy Basketball: Game Preview + Projections

Our game projections widget allows you to embed our latest projections of players for a particular team's game. You can choose a team and have the widget update everyday, or specify a particular date to always have the widget point to an exact matchup.

To use this widget, use the following HTML:
<iframe id="n_0" src="https://numberfire.com/external/widgets/nba/game-projections/" width="600" height="300"></iframe><br /><div style="font-size: 12px; margin: 10px 0"><a href="https://www.numberfire.com/nba/daily-fantasy/daily-basketball-projections">Daily Fantasy Basketball Projections</a> by <a href="https://numberfire.com">numberFire</a></div> <script>var _nf0 = document.getElementById("n_0");_nf0.contentWindow.location.href = _nf0.src;</script>

To use a specific team, append to the URL one of the following: /utah-jazz, /toronto-raptors, /san-antonio-spurs, /sacramento-kings, /portland-trail-blazers, /phoenix-suns, /philadelphia-76ers, /orlando-magic, /oklahoma-city-thunder, /new-york-knicks, /new-orleans-pelicans, /minnesota-timberwolves, /milwaukee-bucks, /miami-heat, /memphis-grizzlies, /los-angeles-lakers, /los-angeles-clippers, /indiana-pacers, /houston-rockets, /golden-state-warriors, /detroit-pistons, /denver-nuggets, /dallas-mavericks, /cleveland-cavaliers, /chicago-bulls, /charlotte-hornets, /brooklyn-nets, /boston-celtics, /atlanta-hawks, /washington-wizards

To specify a team's game on a certain date, append ?date=2015-12-25 to the URL, but with the date you care about in YYYY-MM-DD format.

Note that you can set the width and height to whatever values fits your blog, but a minimum height of 300px is best.