<script>
!(function (c, n) {
  c[n] = c[n] || function () {
    (c[n].q = c[n].q || []).push(arguments);
  };
  var methods = ["trackLead", "trackSale"];
  for (var i = 0; i < methods.length; i++) {
    (function(method) {
      c[n][method] = function() {
        var args = Array.prototype.slice.call(arguments);
        c[n].apply(c[n], [method].concat(args));
      };
    })(methods[i]);
  }
  var s = document.createElement("script");
  s.defer = 1;
  s.src = "https://unpkg.com/@li2/analytics/dist/index.global.js";
  s.setAttribute("data-publishable-key", "li2_pk_xxxxxxxx");
  document.head.appendChild(s);
})(window, "li2Analytics");
</script>

<script>
(function() {
  // Extract user info from URL parameters (common pattern)
  var params = new URLSearchParams(window.location.search);
  var email = params.get("email");
  var name = params.get("name");

  // Get click ID from GTM variable
  var clickId = {{Li2 Click ID}} || "";

  // Only track if we have both email and clickId
  if (email && clickId) {
    li2Analytics.trackLead({
      eventName: "Sign Up",
      customerExternalId: email,
      customerName: name || email,
      customerEmail: email,
      clickId: clickId
    });
  }
})();
</script>

<script>
(function() {
  // Get form field values (adjust selectors to match your form)
  var nameField = document.getElementById("name");
  var emailField = document.getElementById("email");
  var name = nameField ? nameField.value : "";
  var email = emailField ? emailField.value : "";

  // Get click ID from GTM variable
  var clickId = {{Li2 Click ID}} || "";

  // Only track if we have both email and clickId
  if (email && clickId) {
    li2Analytics.trackLead({
      eventName: "Sign Up",
      customerExternalId: email,
      customerName: name || email,
      customerEmail: email,
      clickId: clickId
    });
  }
})();
</script>

<script>
(function() {
  // Extract order info from URL parameters (common for payment gateways)
  var params = new URLSearchParams(window.location.search);
  var customerId = params.get("customer_id");
  var amount = params.get("amount");
  var invoiceId = params.get("invoice_id") || params.get("order_id");

  // Get click ID from GTM variable
  var clickId = {{Li2 Click ID}} || "";

  // Only track if we have required fields
  if (customerId && amount && clickId) {
    li2Analytics.trackSale({
      eventName: "Purchase",
      customerExternalId: customerId,
      amount: parseInt(amount), // Amount in cents (e.g., 4999 = $49.99)
      invoiceId: invoiceId || undefined,
      currency: "usd", // Change to "vnd" if needed
      paymentProcessor: "stripe", // Or "paypal", "paddle", etc.
      clickId: clickId
    });
  }
})();
</script>

<script>
(function() {
  // Read from GTM data layer (pushed by your e-commerce platform)
  var ecommerce = {{Ecommerce}};
  var transaction = (ecommerce && ecommerce.purchase) ? ecommerce.purchase : {};
  var actionField = transaction.actionField || {};

  var customerId = actionField.customer_id || "";
  var revenue = actionField.revenue || 0;
  var amount = Math.round(parseFloat(revenue) * 100);
  var invoiceId = actionField.id || "";
  var currencyRaw = actionField.currency || "usd";
  var currency = currencyRaw.toLowerCase();

  // Get click ID from GTM variable
  var clickId = {{Li2 Click ID}} || "";

  // Only track if we have required fields
  if (customerId && amount > 0 && clickId) {
    li2Analytics.trackSale({
      eventName: "Purchase",
      customerExternalId: customerId,
      amount: amount,
      invoiceId: invoiceId || undefined,
      currency: currency,
      paymentProcessor: "stripe",
      clickId: clickId
    });
  }
})();
</script>

li2Analytics
// Should return: {trackLead: ƒ, trackSale: ƒ, ...}

document.cookie.split(';').find(c => c.includes('li_cid'))
// Should return: " li_cid=cm3w..."

li2Analytics.trackLead({
  eventName: "Test Lead",
  customerExternalId: "[email protected]",
  customerEmail: "[email protected]"
})
// Check Network tab for POST request to Li2 API