Skip to main content
Version: 0.9

Track Conversion

For Single-Page Applications (React, Angular, Vue, Svelte, etc)​

import LuciaSDK from 'lucia-sdk';

LuciaSDK.trackConversion(event_tag, amount, event_details);

Example

import LuciaSDK from 'lucia-sdk';

LuciaSDK.trackConversion(
  'purchase', // event_tag
  500, // amount
  {
    // event_details
    product_id: 'bag_123',
    quantity: 1,
    brand: 'Nike',
  }
);

For Multi-Page Applications​

Auto-initialization (Recommended)

The SDK will automatically initialize when you provide the data-api-key attribute:

<script
  src="https://cdn.luciaprotocol.com/lucia-sdk-latest.min.js"
  data-api-key="your-api-key-here"
></script>
<script>
  LuciaSDK.trackConversion(event_tag, amount, event_details);
</script>

Example

<script
  src="https://cdn.luciaprotocol.com/lucia-sdk-latest.min.js"
  data-api-key="your-api-key-here"
></script>
<script>
  LuciaSDK.trackConversion(
    'purchase', // event_tag
    500, // amount
    {
      // event_details
      product_id: 'bag_123',
      quantity: 1,
      brand: 'Nike',
    }
  );
</script>

Manual initialization

If you need more control, you can initialize manually:

<script src="https://cdn.luciaprotocol.com/lucia-sdk-latest.min.js"></script>
<script>
  LuciaSDK.init({
    apiKey: 'your-api-key-here', // Get your API Key from https://ads.clickinsights.xyz
  });

  LuciaSDK.trackConversion('purchase', 500, {
    product_id: 'bag_123',
    quantity: 1,
    brand: 'Nike',
  });
</script>