Documentation

Global Include

The first step in integrating MetaBet is adding the following JavaScript include to the <head> section of your webpage:
<script defer src="https://go.metabet.io/js/global.php?siteID=DEMO"></script>

Intelligent Hyperlinking

To enable, simply add a "metabet-bubble" class to the HTML element that encapsulates all of the text of the article. It can be added to multiple sibling elements, but we recommend adding it to just one.

Dynamic Odds

A list of Dynamic Odds embeds for all games in the next 30 days is located at https://www.metabet.io/catalog. Pasting any one of the embeds onto a page with MetaBet Javascript installed will trigger dynamic live odds to be inserted directly into your HTML, for example:

Dynamic Spread

Spread for the Away team in Game 456975
<span class="metabet-odds metabet-market-spread-away metabet-query-456975"></span>

Spread for the Home team in Game 456975
<span class="metabet-odds metabet-market-spread-home metabet-query-456975"></span>

Dynamic Money Line

Moneyline for the Away team in Game 456975
<span class="metabet-odds metabet-market-moneyline-away metabet-query-456975"></span>

Moneyline for the Home team in Game 456975
<span class="metabet-odds metabet-market-moneyline-home metabet-query-456975"></span>

Dynamic Over/Under

Over/Under for Game 456975
<span class="metabet-odds metabet-market-overunder metabet-query-456975"></span>

Game Tiles

Game Summary Tiles

Tiles are installed with a single div:
<div class="metabet-gametile metabet-size-SIZE metabet-query-QUERY"></div>

The SIZE value can be set to any size desired, but it is optimized for five sizes: 300x50, 320x50, 336x280, 300x250, and 728x90. You can create a responsive tile by setting the width to 100%, for example, metabet-size-100%x300. By default, the display is with "classic" / American odds. To enable the "modern" view, add the "metabet-style-modern" class to the div.

The QUERY value can support a wide range of value types, including a MetaBet game ID, a supported data provider game ID, team name, or city. MetaBet game IDs can be found at https://www.metabet.io/catalog. If the QUERY value normally has a space in it, underscores should be used instead. For example, a tile for Manchester United would be represented as "manchester_united".

Example 1

A "classic" 336x280 game summary tile for game ID 415226:
<div class="metabet-gametile metabet-size-336x280 metabet-query-415226"></div>

Example 2

A "classic" 336x280 game summary tile for any New York-based team:
<div class="metabet-gametile metabet-size-336x280 metabet-query-new_york"></div>

Example 3

A "modern" 728x90 for game summary tile for any upcoming NBA game:
<div class="metabet-gametile metabet-size-728x90 metabet-query-nba metabet-style-modern"></div>

Odds Compare Tiles

Tiles are installed with a single div:
<div class="metabet-oddscompare metabet-size-SIZE metabet-query-QUERY"></div>

The SIZE value can be set to any size desired, but it is optimized for two sizes: 336x280, 300x250. You can create a responsive tile by setting the width to 100%, for example, metabet-size-100%x300. By default, the display is with "classic" / American odds. To enable the "modern" view, add the "metabet-style-modern" class to the div.

The QUERY value can support a wide range of value types, including a MetaBet game ID, a supported data provider game ID, team name, or city. MetaBet game IDs can be found at https://www.metabet.io/catalog. If the QUERY value normally has a space in it, underscores should be used instead. For example, a tile for Manchester United would be represented as "manchester_united".

Example 1

A "classic" 336x280 odds compare tile for game ID 415226:
<div class="metabet-oddscompare metabet-size-336x280 metabet-query-415226"></div>

Example 2

A "classic" 336x280 game summary tile for any New York-based team:
<div class="metabet-oddscompare metabet-size-336x280 metabet-query-new_york"></div>

Example 3

A "modern" 728x90 for game summary tile for any upcoming NBA game:
<div class="metabet-oddscompare metabet-size-728x90 metabet-query-nba metabet-style-modern"></div>

Odds Board

JavaScript Version

The Board is installed with a single div:
<div class="metabet-odds-board"></div>

You can set the default sport or league to display by adding an additional class: metabet-odds-board-league-LEAGUE. Example values are nfl, nba, ncaab, ncaaf, epl, and serie_a.

iframe Version

You can iframe into a newly created page (e.g. www.domain.com/odds) by adding this line of code to the page:
<iframe width="100%" height="1200px" src="https://hostedodds.metabet.io/"></iframe>

Once you set up the page, we can direct the "See More Lines" at the bottom of any relevant game tile to direct to the page on your site. We can incorporate some redirects so that if a user is viewing a MLB widget and clicks "See More Lines", they will land on the Odds Grid page with MLB games displaying.