How to track user logins

Identify individuals that are known to you

How to track and identify user/ clients/ customers when they log-in

In order to track user logins form your website, you can to collect client data from your system and pass this to their user profile:

Submit data on load (preferred)

The LeadBoxer tracking script library, once loaded, will immediately check for a function called "ot_onload". This is a hidden function that if defined, gets executed. This function needs to be loaded before the script itself and needs to include ot_log_state() - to actually append all data before the default request to our logging servers is made.

A example looks like this:

<script type="text/javascript"> 
function ot_onload() {
  // define variables
  var customerId = "12345";
  var customerType = "Reseller";
  var customerEmail = "[email protected]";

  // add variables to map (_otmap)
  _otmap.put("Customer ID", customerId);  
  _otmap.put("Customer Type", customerType);
  _otmap.put("email", customerEmail);

  ot_log_state();
}
</script>

Above example will add 3 additional properties to the lead or customer fields when the page loads.

Here is a list of recommend field-names: https://docs.leadboxer.com/article/54-leadboxer-user-interface-placeholder-names

Submit data on event

Alternatively, if you cant or do not want to submit details on page load, but want to trigger based on an event, you can use the Map function to submit data:

Paste the below snippet inside the page/file to add a custom tag. For example: use this to send us a signal when a user logs in to your system. We will add that information to visitor profiles. Send us login events; email addresses, usernames, LoginID, etc. You can also send us social media login events.

Make sure that: a. the default LeadBoxer javascript loads before the execution of below script b. the default LeadBoxer javascript should not contain the 'defer' tag. Alternatively you can wrap the script in a timeout or onPageLoad.

A simple example looks like this:

<script type="text/javascript">

// define an empty variable called 'map' 
var map = new OTMap();

//define one or multiple properties to be added to the visitor profile, you need to replace the actual values with dynamic placeholders.
map.put("firstName", "Brad"); 
map.put("lastName", "Shaw"); 
map.put("email", "[email protected]"); 
map.put("companyName", "LeadBoxer"); 

//send (submit) the data to LeadBoxer 
OTLogService.sendEvent("Login added", map, false);

</script>

notes:

• Do not forget to replace the values of the lead or customer with dynamic data. eg {{ firstName }} (this depends on your language /platform)

• You can add as many properties as you like.

• You can change all the words that are inside quotes to suit your needs. For example you can dynamically generate the tag from your CMS

• To retrieve the data, you can use the LeadBoxer interface or our API

---

Server-side login tracking

If you want to identify your users (e.g. after login) without installing our JavaScript SDK in your app, you can send the details from your server instead.

The exact approach depends on your setup and architecture, but here’s a generic method that works when your app shares the same top-level domain as your website:

1. Use JavaScript to read the first-party cookie we set when the user visits your website and retrieve the cookie ID (_otui) and pass it along with the login details to your server.

<script>
// Helper to read cookie by name
function getCookie(name) {
  const match = document.cookie.match(new RegExp('(?:^|; )' + name + '=([^;]*)'));
  return match ? decodeURIComponent(match[1]) : null;
}

// Get the LeadBoxer cookie
const otui = getCookie("_otui");

if (otui) {
  const parts = otui.split(".");
  const firstVisitTimestamp = parts[0];   // Unix timestamp
  const randomClientNumber = parts[1];    // Random number

  // Swapped order: random first, timestamp second
  const fullUserId = randomClientNumber + "." + firstVisitTimestamp;

  console.log("LB User ID:", fullUserId);

} else {
  console.warn("LB _otui cookie not found");
}
</script>

1. Once you have the user ID, you can update the user properties in LeadBoxer using the 'log' endpoint.

Here is an example with a simple CURL event:

curl "https://log.leadboxer.com/\
?si=YOUR_DATASET_ID\
&uid=1606468777834.459913894\
&[email protected]\
&name=John%20Doe\
&company=Example%20Inc\
&proxy=true

Or an example using javascript (without loading the SDK)

<script>
  // Example values; substitute your real ones:
  const datasetId = "YOUR_DATASET_ID";          // replace with your dataset ID
  const userId    = "1606468777834.459913894";   // from the _otui cookie

  const params = new URLSearchParams({
    si: datasetId,
    uid: userId,
    email: "[email protected]",
    name: "John Doe",
    company: "Example Inc"
  });

  fetch("https://log.leadboxer.com/?" + params.toString(), {
    method: "GET",
    mode: "no-cors" // optional in browser to avoid CORS errors for fire-and-forget
  });
</script>