JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://d26b395fwzu5fz.cloudfront.net/keen-tracking-1.1.3.min.js"></script>
<div id='yeah'>
Practice writing/modifying a custom event. To send data to your own Keen project, create a free Keen account (https://keen.io) and change the projectID and writeKey to match your account. Press Run to send your event to Keen.
</div>

JavaScript

var client = new Keen({
  projectId: '589d06518db53dfda8a8725d',
  writeKey: '74D67280C9A4FC2A4CF200D05809A458A814DA683EF5EDE12C3F1FA8838E9B39E4EC6F9AE65CACBABF17C2061B5EE7D17F9E43CBFD2ADDE794A1AF148D4C1B1478897D874E1E7AF08AB2725650485DAE3D3004E6722F4E54EA13935AA83E68F5'
});

var event = { 
  keen: {
    timestamp: new Date().toISOString(),
  },
  account: { // create a object for details about the account and/or billing entity
    id: "o11szabcorgin456asd09cabc",
    name: "Airbnb",
    creation_method: "website signup"
  },
  user: { // create a user object for details about this new user
    id: "u90szabcinoin456asd09cabc",
    email: "ada@airbnb.com", 
    name: {
      first: "Ada",
      last: "Sampson",
      full: "Ada Sampson"
    }
  },
  signup : {
    method: "google sso",
    page: "https://supersaas.com/pricing", // you can use cookies to track the page where they clicked the signup button
    button_text: "Sign Up Now Or Else!"
  },
  visitor_id: "f209nqw09awdcn0a9wneogiaadf", // aka uuid
  session: {
    id: "090szjawinoin112asd09cenw", 
    length_in_s : 300,
    initial_landing_page: "https://blog.supersaas.com/reasons-why"
  },
  location: {
    city: "San Francisco",
    province: "California",
    country: "United States",
    continent: "North America",
    postal_code: "94122",
    coordinates: [-122.42005, 37.77479]
  }
}

// Record the event (send it to Keen IO)
client.recordEvent('new_account_creation', event, function(err, res){ // name your collection here
  if (err) {
    document.getElementById('yeah').innerHTML = "Something is amiss. Check console for errors. Did you forget a comma perhaps? Or a curly brace?"
  }
  else {
    document.getElementById('yeah').innerHTML = "You just sent an event to Keen IO!"
  }
});