The sale line

The sale line is the simplest way to report a sale: a hidden element on the receipt page that track.js finds and reports. There is no JavaScript to write, so a template variable can't break the code.

The line

<div hidden data-affilyflow-order="1008" data-affilyflow-total="499,00"></div>

Replace 1008 and 499,00 with your template variables – the order number and the goods amount after discount, excluding VAT and shipping.

The line only works when track.js is on the same page. Add the script to every page, including the receipt.

Attributes

Use hidden so the element isn't shown. It makes no difference to tracking.

Values from the page

If the site builder has no template variables (e.g. Webflow), the line can read the values from the page itself:

• data-affilyflow-order="?orderId" reads the orderId parameter in the URL (/order-confirmation?orderId=WF-55 gives WF-55).
• data-affilyflow-total="#af-total" reads the text of the element with id="af-total".
• data-affilyflow-vat="25" subtracts 25 % VAT when the amount on the page includes VAT.

<div hidden data-affilyflow-order="?orderId" data-affilyflow-total="#af-total" data-affilyflow-vat="25"></div>

With 1.249,00 kr. in #af-total, 999.20 is reported (1,249 without 25 % VAT).

How the amount is read

• Danish amounts are parsed: 499,00, 1.249,00, 1.249,-, 499,00 kr. and kr. 499.
• 1.249 is read as 1249 – in the line, a dot followed by three digits is always a thousands separator, because the value comes from page text.
• Machine numbers such as 1249.5 and 89.90 are used as is.
• With data-affilyflow-vat the amount is divided by 1 + VAT/100 and rounded to two decimals. The value must be above 0 and below 100.

The amount must be what commission is calculated on: goods after discount, excluding VAT and shipping.

Timing

Many pages render the receipt after load (Livewire, React, Webflow). The line handles it:

• track.js looks for the element when the page has loaded and watches for new elements for up to 60 seconds.
• If the order number is missing or the amount has no digits yet, the script waits up to 20 seconds for them.
• Each element is reported once. It is marked with data-affilyflow-sent="1" when read.
• Once a sale is found, the script stops looking.

A reloaded receipt is not sent again: the browser remembers the order number for 30 days, and the server never counts the same order number twice in the same program.

When nothing is sent

• No affiliate click in the browser. A normal purchase without an affiliate is not sent, and no error is logged. Test with the test link from the store dashboard.
• No consent yet. With data-consent="required" the sale waits until consent is settled. See track.js.
• The order number is missing or a placeholder. The line requires an order number. ORDRE_ID, {{ $order->id }}, [OrderID], <…> and %OrderID% that weren't filled in are rejected.
• The amount is empty or 0.

The last two write an error to the browser console:

Affilyflow: data-affilyflow-order must be the order number – the sale was not recorded.
Affilyflow: data-affilyflow-total must be the amount (goods excl. VAT and shipping) – the sale was not recorded.

The line or JavaScript?

The line and affilyflow.conversion() report the same sale. Use the line unless you already have a script that works – the old call works unchanged. Use only one of them on the same receipt, or send the same order number in both, so the duplicate guard stops the second.