InstallationInstalling the Oriko Pixel
The Oriko Pixel is a small asynchronous JavaScript tag. It is the foundation for attribution, analytics and customer profiles.
Your Pixel ID is unique to your workspace. You will find it on the Install Pixel screen inside Oriko.
Paste this snippet before the closing </head> tag on every page, replacing YOUR_PIXEL_ID with your workspace Pixel ID:
<!-- Oriko Pixel - paste before </head> on every page -->
<script>
(function(p,u,l,s,e){p[s]={q:[]};p[s].init=function(o){p[s].id=o.pixelId};
e=u.createElement(l);e.async=1;e.src='https://cdn.oriko.co.za/p.js';
u.head.appendChild(e)})(window,document,'script','Oriko');
Oriko.init({ pixelId: 'YOUR_PIXEL_ID' });
</script>
<!-- /Oriko Pixel -->
What the pixel captures automatically
- Page views, including URL, page title and referrer.
- Traffic source, including UTMs and ad click IDs such as
gclid and fbclid.
- Sessions, ending after 30 minutes of inactivity.
- New vs returning visitors using a first-party identifier on your own domain.
ShopifyInstalling the pixel on Shopify
For Shopify, use both the storefront pixel and the Shopify connection. The pixel records browsing behavior, while the connection brings in orders and customers.
- In Shopify admin, go to Online Store > Themes > Edit code.
- Open
theme.liquid.
- Paste the snippet before the closing
</head> tag and replace YOUR_PIXEL_ID.
- Save, then connect Shopify from Oriko Connections.
<!-- Oriko Pixel - paste into theme.liquid before </head> -->
<script>
(function(p,u,l,s,e){p[s]={q:[]};p[s].init=function(o){p[s].id=o.pixelId};
e=u.createElement(l);e.async=1;e.src='https://cdn.oriko.co.za/p.js';
u.head.appendChild(e)})(window,document,'script','Oriko');
Oriko.init({ pixelId: 'YOUR_PIXEL_ID', shop: {{ shop.permanent_domain | json }} });
</script>
<!-- /Oriko Pixel -->
Shopify checkout pages are more locked down than the storefront. The Shopify connection is what ensures purchases are captured reliably.
Other installsWordPress, GTM and JavaScript frameworks
The Install Pixel screen gives platform-specific snippets for common setups.
WordPress
Add the pixel to your theme's functions.php using a wp_head hook.
Google Tag Manager
Create a Custom HTML tag, paste the pixel snippet and set the trigger to All Pages.
React, Next.js, Vue and headless sites
Add the universal snippet to your root document head. For route changes, send page views with Oriko.track('page_view').
Package-manager option
Implementation teams can use the package-manager option from the Install Pixel screen when they prefer importing the SDK into their build.
UTMsSetting up UTMs for Google Ads & Meta ads
Oriko reads ad click IDs automatically, including gclid for Google Ads and fbclid for Meta. UTMs add campaign-level detail, so consistent tracking templates matter.
Google Ads tracking template
{lpurl}?utm_source=google&utm_medium=cpc&utm_campaign={campaignid}&utm_term={keyword}&utm_content={creative}
Meta Ads URL parameters
utm_source=facebook&utm_medium=paid&utm_campaign={{campaign.name}}&utm_content={{ad.name}}
Oriko uses utm_source and utm_medium to determine channel, then uses campaign, term and content for deeper reporting inside Attribution.
EventsCustom events & conversion goals
Page views are automatic. For business outcomes such as purchases, signups and leads, send a custom event and mark that event as a goal.
// A simple event
Oriko.track('newsletter_signup', { source: 'footer' });
// A purchase, with revenue
Oriko.track('purchase', {
orderId: 'ORD-1024',
value: 1290,
currency: 'ZAR'
});
When an event includes value and currency, Oriko treats it as revenue and attributes it across the customer journey.
When a customer logs in, checks out or subscribes, you can call Oriko.identify() with an email or user ID so Oriko can merge anonymous history into a known profile. Personal identifiers are hashed on Oriko servers.
Goal settings
- Event name, such as
purchase, signup or demo_booked.
- Value, either fixed or read dynamically from the event.
- Attribution window, configurable per goal.
- Status, enabled or paused.
Privacy-safe trackingDoes the Oriko Pixel use third-party cookies?
No. The Oriko Pixel uses first-party identifiers only, stored on your own domain. That is why it keeps working when third-party cookies fail.
- It belongs to your domain, not a third-party tracking domain.
- It measures activity on your own site, not behavior across the web.
capturePII is off by default. The pixel captures behavior unless you explicitly identify a customer.
First eventVerifying your installation
After adding the snippet, use the Verify installation step inside Oriko. Open your website in another tab or refresh it. Oriko listens for events from your Pixel ID and usually confirms the page view within seconds.
If verification does not succeed
- Confirm the snippet is inside the
<head>, ideally before </head>.
- Confirm the Pixel ID matches your workspace exactly.
- Clear your site or CDN cache after publishing the snippet.
- Try a clean browser or incognito window if an ad blocker may be suppressing the test event.
- Make sure the page you visited actually contains the snippet.
Once verified, live traffic appears under Analytics > Realtime.