COMPONENT GUIDE

Dynamic Offers

Finding the best offers available across SportsBooks in your region. Dynamic Offers enhances user interactions by aggregating a wide selection of promotional offers from leading sportsbooks, casinos, and fantasy sport providers. User specific narratives are tailored around preference and geo-location, offering a simplified, user-friendly view in the discovery of offerings from operating partners.

THE COMPONENT

Screenshots

THE PRODUCT

Features

Aggregated SportsBook Offers

Collects and organizes promotional offers from multiple betting services such as FanDuel, BetMGM, Bet365 and others, providing users with a centralized view of available bonuses and deals.

Categorized View

Offers are neatly categorized into segments like Sportsbook, Casino, and Fantasy, making it easier for users to find relevant promotions based on their interests.

Geo-Targeted Driven Content

Offers displayed are tailored based on user location to ensure they are relevant and applicable, enhancing user experience and compliance with regional gambling regulations.

Direct Activation

‘Claim Now’ click-outs facilitate easy claim processes, improving conversion rates and maximizing Clicks Per Minute (CPM).

Component Customization

Offering personalized partner themes, Dynamic Offers enables easy to integrate branding, capturing your brand identity through an array of widget embedded customization options.

Responsive Mobile and Desktop Interfaces

Optimized for both desktop and mobile devices, ensuring a seamless user experience across platforms, and increasing accessibility for all users.

THE PRODUCT

Benefits

Premium Engagement

Discover premium, personalized promotions. Dynamic Offers enhances the user experience by delivering a curated selection of promotional offers from top-tier sportsbooks, casinos, and fantasy sports providers. Tailored to user preferences and geographic location, this component ensures that every offer feels exclusive and relevant, elevating user engagement and satisfaction.

User Retention & Loyalty

With real-time updates providing the most relevant and attractive offers, this component encourages the user to return regularly in order to capitalize on exclusive in-the-moment deals. The ease of finding and activating promotions that resonate with individual interests fosters loyalty and habitual engagement, making your platform a preferred destination for betting and gaming.

Increased Dwell Time

Engaging longer with tailored content. This component’s ability to present a categorized and personalized view of offers, naturally extends the longevity of the user dwell-time on a platform. By reducing the time and effort required to find relevant deals and providing a diverse array of options, users can spend more time exploring and interacting with your platform.

Click Out to Convert

Seamlessly transitioning the user experience from browsing to betting. Dynamic Offers optimizes the user journey with ‘Claim Now’ click-outs that smoothly convert browsing into action. This streamlined process not only enhances the user experience but also maximizes the conversion rates and CPM, translating into direct returns to improve your bottom line.

First Party Data Collection

Harnessing the power of user data, Dynamic Offers captures first-party data on user preferences, interactions, and behaviors. Dynamic Offers enables you to refine and personalize your marketing strategies through themed branding campaigns, offering a data-driven approach, while maintaining ease of use for both customer and end-user. With this integration, platforms can achieve more effective targeting to enhance the user experience and/or, to increase engagement across the board.

COMPONENT

Web Integration

Ensure your component is correctly embedded and functioning by following these essential verification and testing steps.

1. Add the Widget Script

To integrate the widget in any client page, add the script below to the document’s <head> or <body>.

2. Add the widget component

Add the component tag into the html body of a page. IDs and the associated attribute to pass them in will be provided by Oddschecker prior to integration.

Below are examples of the two types of ID we may provide.

<oc-offers-widget offer-ids=”OFFER_ID_1,OFFER_ID_2,…”></oc-offers-widget>

<oc-offers-widget vc-id=”VARIATION_CONTAINER_ID”></oc-offers-widget>

It’s important to note that if both vc-id and offer-ids attributes are provided, vc-id attribute takes precedence and the offer-ids is ignored.

3. Widgets variations (optional)

Widgets variations are a way to provide different ways of rendering the same widget. For example, a widget might have a variation that displays the offers in a grid and another variation that displays the offers in a list. Note that different variations might have different layout, functionality and styling. The widget’s code is responsible for rendering the correct variation based on the variation attribute that is provided to the widget. If no variation is provided, the widget should render the default variation.

In the variation=”grouped-offers”, the attribute visible-offers-count controls the number of visible offers by default, without the “Show all offers” button. If omitted, or value is “0”, only the first 3 offers will be displayed.

<oc-offers-widget variation=”grouped-offers” visible-offers-count=”4″ vc-id=”VARIATION_CONTAINER_ID”>

</oc-offers-widget>

4. Theming and fonts (optional)

In the event that custom theming has been developed by us for your integration we may provide a theme parameter that should be applied as an attribute on every widget tag you publish.

<oc-offers-widget theme=”acme-inc-theme” vc-id=”VARIATION_CONTAINER_ID”></oc-offers-widget>

In order to inherit the font family from the parent document, the inherit-font-family boolean attribute can be provided. By default the component uses a web safe font family (Arial, Helvetica, sans-serif).

<oc-offers-widget inherit-font-family=”” theme=”acme-inc-theme” vc-id=”VARIATION_CONTAINER_ID”></oc-offers-widget>

5. Geotargeting (optional)

Geotargeting allows users to see offers that are targeted to their location. This feature is disabled by default, and can be enabled by providing the geotargeting boolean attribute.

<oc-offers-widget geotargeting=”” vc-id=”VARIATION_CONTAINER_ID”></oc-offers-widget>

6. Placeholders/Contextualisation(optional)

This a mechanism to allow content creators to contextualize the content of specific areas of the widget based on the content of the page that the widget is displayed. As of the time of writing, contextualization is supported only for the offer’s display title and Call-to-Action.

For example, if the widget is to be displayed in a page that describes a match between Arsenal and Liverpool, there might be a need that one or more offers in the widget to display this information somehow. Therefore the content team can create an offer with a title:

“Offer for the game {{HOME_TEAM}} VS {{AWAY_TEAM}}”. The {{HOME_TEAM}} and {{AWAY_TEAM}}

Placeholders must be replaced by actual values, in our case “Arsenal” and “Liverpool” respectively.

For the widget to be able to perform this kind of replacement, we need to provide those values and the way to do it is by adding a placeholders attribute to the widget that contains this information.

In our example, it would be something like this:

placeholders=”HOME_TEAM=Arsenal|AWAY_TEAM=Liverpool”

The placeholders string uses the pipe character (|) as separator betwen key-value pairs. This is a necessary convention because the attributes of a custom HTML element can only be strings.

<oc-offers-widget placeholders=”SPORT=Football|HOME_TEAM=Arsenal|

AWAY_TEAM=Liverpool” vc-id=”VARIATION_CONTAINER_ID”></oc-offers-widget>

7. Verify and test your integration

After embedding the component code into your website, it’s crucial to verify and test the integration to ensure everything functions as expected:

Clear Browser Cache: Clear your browser cache to ensure that you are loading the most recent version of your website.
Load the Web Page: Open the web page where the widget is embedded in your web browser.
Check for Proper Loading: Verify that the widget appears and loads correctly. Ensure that there are no console errors related to the widget.
Functionality Test: Interact with the widget to confirm that all features work as intended. This includes checking for data updates, user interactions, and responsiveness across different devices.
Cross-Browser Compatibility: Test the widget in multiple browsers (e.g., Chrome, Firefox, Safari, Edge) to ensure consistent performance.
Review Content Security Policy: Double-check that your site’s Content-Security-Policy headers include the necessary script-src and frame-src entries for Quarter4.
Monitor Performance: Monitor the page performance to ensure that the widget does not significantly impact loading times or user experience.
Report Issues: If you encounter any issues, consult our support documentation for troubleshooting tips or contact support for assistance.

By following these steps, you can ensure a smooth and seamless integration of our components into any website.