🖼️ iFrame Implementation

bestPrice Script Tag

Skip the api call and simply use the SS-Best-Price pre-built iFrame by adding a script tag, and a relevant component anywhere on the desired page.

Script Tag

<script src='https://d1vhnbpkpweicq.cloudfront.net/best-price-cdn.js'

    publicKey = "1fb886d9aff543cb6e2d87691a8b977abf12d312"
    internalId = "best-price-test-0828"
    uiMode = "dark"
    height="800"
    width="400"
    authToken="test-auth-token"
    >

publicKey

This is the public SharpSports API key found in the SharpSports dashboard.

internalId

A secure, unique identifier specific to the user accessing the page where the iframe is hosted. It is recommended to use a hash, or uuid, as opposed to a sequential integer, username, email, or other guessable identifier.

uiMode

dark,light or system

height

The desired height of the iframe on the page.

width

The desired width of the iframe on the page.

authToken

The secure auth token for the user generated using a private api key from the backend.

Placing the iFrame

Uses the id "SS-Best-Price" in a div to place the iFrame in the desired location on the page.

<div id="SS-Best-Price" style="display: flex; justify-content: center; align-items: center;"></div>