OddsGuard Widgets

Showcase of our embeddable widgets for third-party websites. These widgets can be customized and embedded on any website.

Default Widget

Standard widget with Basketball NBA as default sport and American odds format

Dark Theme Widget

Dark theme with EU as default region, Decimal odds format and Italy Serie A as default league

Dark Blue Theme Widget

Dark blue theme with UK as default region, Fractional odds format and English Premier League as default league

Medium Size Widget

Medium-sized widget with Basketball as default sport and American odds format

Minimal Widget

Minimal version without header, set to Australian region, Decimal odds format and NRL as default league

Slim Widget with Affiliate Tracking

Compact mobile-optimized widget without sidebar, perfect for narrow spaces. Includes affiliate tracking for revenue sharing.

Embedding Guide

iFrame Embedding

The easiest way to embed our widget is using an iframe. Here's a live example:

HTML code for iframe embedding (with affiliate tracking):

<iframe 
  src="https://oddsguard.org/embed/widget?theme=light&size=medium&region=US&sport=baseball&league=baseball_mlb&affiliateId=YOUR_AFFILIATE_ID" 
  width="100%" 
  height="500" 
  frameborder="0"
  title="OddsGuard Widget">
</iframe>

JavaScript Widget Embedding

For a more seamless integration with automatic sizing, use our JavaScript embedding script:

1. Add this script to your HTML:

<script src="https://oddsguard.org/widget-embed.js"></script>

2. Add a container element where you want the widget to appear (with affiliate tracking):

<div 
  class="oddsguard-widget" 
  data-theme="dark" 
  data-size="medium" 
  data-region="US"
  data-sport="baseball"
  data-league="baseball_mlb"
  data-affiliate-id="YOUR_AFFILIATE_ID"
  data-height="600px"
  data-width="100%">
</div>

Here's a live example of JavaScript widget embedding:

JavaScript Widget Implementation

Note: This demo shows the final result of JavaScript widget embedding. For actual implementation on external websites, use the code below:

<!-- Include the widget script -->
<script src="https://oddsguard.org/widget-embed.js"></script>

<!-- Add widget container with affiliate tracking -->
<div 
  class="oddsguard-widget" 
  data-theme="dark" 
  data-size="medium" 
  data-region="US"
  data-sport="basketball"
  data-league="basketball_nba"
  data-affiliate-id="a48f2f41-a458-4ff9-9b1c-ec6dd10405d7"
  data-height="500px"
  data-width="100%">
</div>

Live Working Example:

⏳ Loading JavaScript Widget...

Initializing Basketball/NBA widget

Loading iframe...

For the slim widget without sidebar (with affiliate tracking):

<div 
  class="oddsguard-widget" 
  data-type="slim"
  data-theme="light" 
  data-region="US"
  data-affiliate-id="YOUR_AFFILIATE_ID"
  data-height="500px"
  data-width="100%">
</div>

Customization Options

You can customize the widget by adding these parameters to the iframe URL or as data attributes:

Parameter	Options	Description
theme	light, dark, dark-blue, neutral	Visual theme of the widget
size	full, medium, minimal	Layout size preset
region	US, UK, AU, etc.	Default region for odds
sport	basketball, soccer, etc.	Default sport category
league	basketball_nba, soccer_epl, etc.	Default league/subcategory
oddsFormat	American, Decimal, Fractional	Format for displaying odds
showHeader	true, false	Show/hide the header
showSidebar	true, false	Show/hide the sidebar
type	standard, slim	Widget layout type ('slim' is mobile-optimized without sidebar)
showbookmaker_names	true, false	Show/hide bookmaker names
primaryColor	CSS color value	Custom primary color
backgroundColor	CSS color value	Custom background color
fontFamily	CSS font-family value	Custom font family
affiliateId	UUID string	Affiliate ID for tracking clicks and earning commissions

Affiliate Program Integration

The widgets support affiliate tracking through the affiliateId parameter. When users click on bookmaker odds through your embedded widget, you'll earn commission on any resulting signups or deposits.

🔗 How Affiliate Tracking Works

• Pass your affiliate ID using the affiliateId parameter
• All bookmaker clicks from your widget will be tracked to your account
• Commissions are calculated based on user activity and paid monthly
• If no affiliate ID is provided, clicks default to OddsGuard direct

💰 Getting Your Affiliate ID

To join our affiliate program and get your unique affiliate ID:

1. Contact our affiliate team at affiliate@oddsguard.com
2. Complete the affiliate application process
3. Receive your unique affiliate ID (UUID format)
4. Start embedding widgets with your affiliate ID to earn commissions

Example Affiliate Implementation:

<!-- iframe embedding with affiliate tracking -->
<iframe 
  src="https://oddsguard.org/embed/widget?theme=dark&size=medium&region=US&sport=basketball&affiliateId=a48f2f41-a458-4ff9-9b1c-ec6dd10405d7" 
  width="100%" 
  height="500" 
  frameborder="0"
  title="OddsGuard Widget">
</iframe>

<!-- JavaScript embedding with affiliate tracking -->
<script src="https://oddsguard.org/widget-embed.js"></script>
<div 
  class="oddsguard-widget" 
  data-theme="dark" 
  data-size="medium" 
  data-region="US"
  data-sport="basketball"
  data-affiliate-id="a48f2f41-a458-4ff9-9b1c-ec6dd10405d7"
  data-height="500px"
  data-width="100%">
</div>