New · Score ticker

Add your score ticker tape to your own website.

Your team's or tournament's scores, scrolling across your own site as games are scored in the GameTime app. Pick your colors, copy two lines, paste. It's free.

Find your user id

The ticker shows the games scored by one GameTime account. Your user id is the number at the end of your standings link, https://gametime.news/standings2.php?user_id=1018. The example below uses 1018, a real tournament account.

Score your games with the free GameTime app, then sign in here and this page fills in your id for you.

Make it yours

Everything you change shows on the ticker right away, and the code at the bottom always matches it.

Page behind it:

Data User id Games How many Update every

Colors Theme

Background

Text

Accent

Muted

Text Font Size Label Team names in capitals Show dates Show FINAL / period tags

Shape and motion Height Corners Outline Movement Speed Direction Pause on hover Open box scores in a new tab

Your embed code

Paste it into your site

Copy your embed code from step 2 and paste it where the ticker should appear. Most website builders have a block for your own code:

WordPressAdd a Custom HTML block and paste the code into it.
SquarespaceAdd a Code block, set it to HTML, and paste.
WixAdd Embed Code (Embed HTML), choose Code, paste, and make the box wide and about 60 pixels tall.
Google SitesChoose Embed, then Embed code, and paste.
Your own HTMLPaste it anywhere in the page's body. The two lines can also go in different places: the div where the ticker shows, the script once per page.

Does it update by itself?: Yes. It checks for new scores every minute, so games show up as they are scored. You can change how often in step 2.
Can I show more than one ticker?: Yes. Add one div for each, with its own settings. The script only needs to be on the page once.
Will it clash with my site's design?: No. The ticker keeps its styles to itself, so your site cannot break it and it cannot change your site.
What does it cost?: Nothing. Each score links to its full box score on GameTime.news.

Every setting

For people editing the code by hand: each setting is an attribute on the div. Changing one later, from your own script, updates the ticker right away too.

Attribute	Default	What it does
Data
`data-user-id`	(required)	The account whose games to show.
`data-status`	all	`final` for finished games only, `unfinished` for games in progress only.
`data-limit`	20	How many recent games to show, 1 to 1000.
`data-refresh`	60	Seconds between updates. `0` never updates.
Colors
`data-theme`	dark	`light` for a white bar. The colors below override it.
`data-bg`	from theme	Background color. Any CSS color: `#0b3d91`, `navy`, `rgb(…)`.
`data-color`	from theme	Text color.
`data-accent`	#ff5a1f	The label and the tag on games in progress. Its text turns black or white to stay readable.
`data-muted`	from theme	Dates and the tags on finished games.
Text
`data-font`	system	`system`, `serif`, `mono`, `rounded`, `condensed`, or the name of a font your page already loads.
`data-font-size`	14	Text size in pixels, 10 to 28.
`data-uppercase`	false	Team names in capitals.
`data-label`	Scores	Text of the colored label on the left. Empty hides the label.
`data-show-date`	true	Show the date of each game.
`data-show-status`	true	Show the FINAL / 2ND PERIOD tags.
Shape
`data-padding`	11	Space above and below the scores in pixels, 4 to 30. Sets the bar's height.
`data-radius`	10	Corner rounding in pixels, 0 to 30.
`data-border`	theme	A thin outline. Off for dark, on for light.
Motion
`data-mode`	scroll	`arrows` keeps the scores still and adds arrow buttons at both ends to move through them. The settings below only apply to `scroll`.
`data-speed`	60	Scroll speed in pixels per second, 10 to 400.
`data-direction`	left	`right` scrolls the other way.
`data-pause`	true	Pause while the mouse is over the ticker.
`data-new-tab`	true	Open box scores in a new tab.