Add An ESPN Scoreboard To Your Website

Wednesday, October 15th 2008, by Adam Barger

How would you like to publish real time sports scores, stats, and standing just like the major news sites and portals. Well, now you can. ESPN now let's you use their sports widgets to publish everything from player profiles and stats, to league standings and more. This is a terrific way to create returning visitors to your site. Imagine if you had a site for your fantasy football league. You could put the latest stats directly on your WebStarts site. To add ESPN sports widgets to your webiste follow the instructions below.

Step 1: Go to ESPN.com

For this example I'm going to add a scoreboard widget to my website. I start by going to ESPN.com. From there I navigate the sport I would like to display scores for. For example: I click on College Football and then on the 'Add Scoreboard Widget' button at the top of the page.

Step 2: Choose your widget from your favorite sport.

Once you've click on the 'Add Scoreboard Widget' you will be in the ESPN widget center. From there you can browse for other widgets but for this example I'm going to click on the 'Add Now' button next to the College Football Scoreboard widget. After you click on the add now button the widget preview will be displayed. Click 'Add This' in the bottom left corner and then click the 'embed' option for the widget.

Step 3: Copy and paste your widget code to your webpage.

Now that you've clicked the 'embed' icon your scoreboard code is displayed. Click the copy button and then navigate back to your WebStarts page editor. Be sure to choose the page you would like to add the scoreboard to once you're in your WebStarts account. Click 'Insert' and then 'HTML Code' on your toolbar and paste the scoreboard code in the area provided. Click 'OK' and your scoreboard will be added to your page. You can now drag and drop your scoreboard where you would like it to appear on your page.