🖼️ 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>
Updated 9 months ago