<!DOCTYPE html>
<html>
<head>
<script>
function sendEvent() {
var uri = 'https://ct.pinterest.com/events/v3/?test=true'; // 'test=true' means the event will not be logged by Pinterest, but can be used to test that the request succeeds
var myRequest = new Request(uri);
var myHeaders = new Headers();
myHeaders.append('Content-Type', 'application/json');
myHeaders.append('x-forwarded-for', 'foo');

var timestamp = Date.now()/1000 | 0;

var payload = {
"data":[{
"advertiser_id": 549764225059,
"event_name": "page_visit",
"event_id": "eventId0001",
"event_time": timestamp,
"action_source": "web",
"user_data": {
"em": ["f660ab912ec121d1b1e928a0bb4bc61b15f5ad44d5efdc4e1c92a25e99b8e44a"] // test@test.com
}
}]
};

fetch(myRequest, {
method: 'POST',
headers: myHeaders,
body: JSON.stringify(payload)
})
.then(response => response.json())
.then(responseJson => {
console.log('Pinterest API -> Success:', responseJson);
})
.catch(error => {
console.error('Pinterest API -> Error: ', error);
});
}
</script>
</head>
<body>
<h1>Send Event to CAPI</h1>
<p>Click the button below to send an event (CORS)</p>
<button onclick="sendEvent()">Send Event</button>
</body>
</html>