#StackBounty: #html #cors iFrame is not displaying website (cross-site request error)

Bounty: 50

I have been on an adventure to get a sportsbook dashboard in my mancave. With the main goal to display the lines of my Prefered sportsbook. Based on some googling and digging all the API’s cost money. I settled on using the Game Center by Pregame, which I use quite often anyways.

So they have embed code for the GameCenter and I have a fairly basic HTML page going but somethings not quite right and it’s displaying all wonky. I can’t tell if it’s my code or Pregame that is the issue. Any help or guidance would be appreciated.

Link to the Static Page: https://dashboard.megustasports.com/Untitled-1.html

Pregame Gamecenter: https://pregame.com/game-center

EDIT

Here are the errors from the Chrome console

Indicate whether to send a cookie in a cross-site request by
specifying its SameSite attribute Because a cookie’s SameSite
attribute was not set or is invalid, it defaults to SameSite=Lax,
which prevents the cookie from being sent in a cross-site request.
This behavior protects user data from accidentally leaking to third
parties and cross-site request forgery.

Resolve this issue by updating the attributes of the cookie: Specify
SameSite=None and Secure if the cookie should be sent in cross-site
requests. This enables third-party use. Specify SameSite=Strict or
SameSite=Lax if the cookie should not be sent in cross-site requests

9 cookies Name Domain & Path .te.dpr pregame.com/
_ga .pregame.com/
_gid .pregame.com/ .te.w pregame.com/ Telligent.Evolution-UI pregame.com/ tzoffset pregame.com/
tzid pregame.com/ .te.dpr pregame.com/utility
.te.w pregame.com/utility 2 requests pg.authentication.js
error-notfound.aspx?item=%2fassets%2fscripts%2fpg.…entication&user=extranet%5cAnonymous&site=website

Here is the HTML I am currently using:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Here the title</title>
    <style>
            *{
                margin: 0px;
            }
            iframe {
                display: block !important;
                width: 100%;
                height: 100vh;
            }
    </style>
</head>
<body>

 
    https://pregame.com/assets/scripts/tear/tear.js




</body>
</html>

In theory, the end result should only contain the table from the page linked above and look something similar to this:
enter image description here


Get this bounty!!!

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.