e-Commerce Tracking

General Information on e-Commerce Tracking

Important! E-commerce tracking is only available through the business subscription.

E-commerce tracking provides comprehensive tracking of your online shop, similar to what you are familiar with from e-commerce tracking in Google Analytics.

The following data is additionally determined:

Revenue per item
Top channel (based on sales)
Shopping Cart Abandonment
Most sold product
Best day (based on the selected time frame)
Most viewed products

Listing of all orders including the corresponding landing page (the landing page is the first page the visitor accessed when visiting the site)
Display of sales volume by channel (e.g., Facebook, referring websites, etc.), countries and regions, UTM sources, browsers, and devices.

All data can be filtered and sorted. This allows you to analyze the performance of your online shop in great detail.

For each area, in addition to the standard view, there is also the option to switch to the detailed view.

This provides an additional way to view data.

Use / Activation of E-Commerce Tracking

E-commerce tracking is automatically available starting from the Business plan.

Integration of the Code for E-Commerce Tracking

For the e-commerce tracking to work, additional scripts need to be integrated into your website.

Basically, there are two ways to integrate these scripts into your site:

Manual Integration
Integration via a corresponding plugin

Manual Integration

Manual integration requires programming knowledge and should only be performed by experienced developers.

Manual Integration of E-Commerce Scripts

All events use the same call:
trackboxx('Purchase', [
{ type: '' },
...additional objects (product, cart, optional context) ...
]);

Events and Payloads

ViewProduct (Product detail page)
Trigger: When a product detail page is loaded.
Minimum data: Product name, price.
Example:

<script> trackboxx('Purchase', [ { type: ViewProduct }, { type: 'product', name: '%%PRODUCT_NAME%%'price: 99.90 } ]); </script>Code language: HTML, XML (xml)

Notes:

Price numeric (period as decimal separator).
Optionally add additional fields (e.g. sku, category, currency).

ViewCart (Warenkorbseite)
Auslösen: Beim Aufruf der Warenkorbseite.
Minimaldaten: Cart-Summe (amount). Optional: alle enthaltenen Produkte.
Beispiel:

<script> trackboxx('Purchase', [ { type: ViewCart' }, { type: 'cart', amount: 149.70 }, { type: 'product', name: Product A'price: 99.90 }, { type: 'product', name: Product B'price: 49.80 } ]); </script>Code language: HTML, XML (xml)

Notes:

amount = current shopping cart total (gross or net, stay consistent in the system).
Attach a separate { type: 'product', ... } object for each shopping basket item.

AddToCart (Product added to cart)
Trigger: Immediately after successful "Add to cart" action (button click or server confirmation).
Minimum data: Product name, price.
Example:

<script> trackboxx('Purchase', [ { type: AddToCart' }, { type: 'product', name: '%%PRODUCT_NAME%%'price: 19.99 } ]); </script>Code language: HTML, XML (xml)

Notes:

For AJAX shopping carts, fire after the "added to cart" callback.
For server-side adds, fire on the subsequent page after successful action (once only!).

Best Practices

Deduplication: Ensure that AddToCart is sent only once per action (e.g. no duplication on page reload).
Timing: Fire ViewProduct/ViewCart during page build; AddToCart only after confirmed success.
Currencies: If possible, consistent throughout the entire shop (e.g. EUR). Optionally you can pass an additional object:
{ type: 'context', currency: 'EUR' }
Prices & amounts: As Number (not string). Use decimal point (e.g. 19.99).
Data protection: Do not pass personal data (no email, no names, no addresses). Respect consent.

Quick checklist per system

Custom Shops: Server-side insert variables (name/price/total) into the inline script.
Shopify: Embed snippets in templates (product.liquid, cart.liquid); for AddToCart hook into the AJAX callback.
Shopware/Magento: In the theme/plugin hook into the respective events/hooks (product page, cart page, add events).

Reference: Minimal variants

ViewProduct (minimal)
trackboxx('Purchase', [
{ type: ViewProduct },
{ type: 'product', name: Product Name 1, price: 19.99 }
]);Code language: JavaScript (javascript)

ViewCart (minimal)
trackboxx('Purchase', [
{ type: ViewCart' },
{ type: 'cart', amount: 19.99 }
]);Code language: JavaScript (javascript)

AddToCart (minimal)
trackboxx('Purchase', [
{ type: AddToCart' },
{ type: 'product', name: Product Name 1, price: 19.99 }
]);Code language: JavaScript (javascript)