<!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>