Getting Started
Quick Start
Get up and running with Commerce Index Proof in under 30 minutes.
1
Get your Brand ID and API Key
We'll provide your brandId and X-CI-Api-Key during onboarding.
Note: Contact us at integrations@commerceindex.com to get your credentials.
2
Install CI Loader Script
Add this snippet to your site's layout, before the closing </body> tag.
<script>
(function(w, d, s, src, name) {
if (w[name]) { return; }
var ci = w[name] = function() { ci.q.push(arguments); };
ci.q = [];
var el = d.createElement(s);
el.async = true;
el.src = src;
var firstScript = d.getElementsByTagName(s)[0];
firstScript.parentNode.insertBefore(el, firstScript);
})(window, document, 'script', 'https://cdn.commerceindex.com/ci.js', 'ci');
ci('init', { brandId: 'YOUR_BRAND_ID' });
</script>3
Track Product Views
On each product detail page (PDP), call trackView with product information.
ci('trackView', {
productId: 'prod_123',
productSku: 'SKU-123',
productTitle: 'Product Name',
productUrl: 'https://brand.com/products/product-name'
});4
Track Purchases
On the order confirmation page, call trackPurchase with order details.
ci('trackPurchase', {
orderId: 'order_789',
currency: 'USD',
items: [
{
productId: 'prod_123',
productSku: 'SKU-123',
productTitle: 'Product Name',
quantity: 2,
value: 39.99
}
]
});5
Verify Events
Check your browser's Network tab to confirm events are being sent.
Open DevTools → Network tab → Filter by "collect" to see CI events.
Once integrated, contact us to confirm events are being received and enable Proof on your product pages.