<!DOCTYPE html>
<html>
<head>
<title>Iframe Content</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"
integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF"
crossorigin="anonymous"></script>
</head>
<body>
<div id="iframeFirstIdDisplay">Loading First ID in iframe...</div>
<script src="https://cdn.preprod.first-id.fr/sdk/loader/loader.min.js"></script>
<script>
// window.firstId = window.firstId || {
// callbacks: [],
// debug: true,
// cookieName: 'firstid'
// };
//
// window.firstId.callbacks.push(function() {
// console.log('FirstID SDK loaded in iframe');
// document.getElementById('iframeFirstIdDisplay').textContent = 'FirstID in iframe: ' + (window.FIRSTID.get() || 'Not available');
// });
function getCookieValueFromCookieName(cookieName) {
let cookieArr = document.cookie.split(";");
for (let i = 0; i < cookieArr.length; i++) {
let cookiePair = cookieArr[i].split("=");
if (cookieName === cookiePair[0].trim()) {
return decodeURIComponent(cookiePair[1]);
}
}
return null;
}
function checkFirstidCookie() {
let fid = getCookieValueFromCookieName('firstid')
if (fid) {
console.log(`First ID : ${fid}`)
} else {
console.log('No First ID cookie find.')
}
if (fid) {
$('#iframeFirstIdDisplay').text(fid)
} else {
$('#iframeFirstIdDisplay').text('No First ID cookie find.')
}
}
setInterval(checkFirstidCookie, 500)
</script>
</body>
</html>