ServerTrack is a server-side tracking platform that sends conversion events directly from your website to marketing platforms - Facebook (Meta CAPI), TikTok Events API, and Google Analytics 4 - bypassing ad-blockers, browser restrictions, and iOS privacy limitations.

With ServerTrack, you don't need to manage complex GTM containers or server infrastructure. Simply install our tracking code, connect your platforms, and your conversion data flows reliably.

What You'll Need

• A ServerTrack account (free tier available)
• A website running on WordPress, Shopify, or any custom platform
• Access to your domain's DNS settings (for custom domain setup)
• Your platform credentials - Facebook Pixel ID & Access Token, TikTok Pixel ID & Access Token, or GA4 Measurement ID & API Secret

Choose Your Integration Path

WordPress

One-click plugin install. Automatic WooCommerce & EDD tracking.

Shopify

Custom Pixel for full e-commerce tracking. Supports COD plugins.

JavaScript SDK

Laravel, React, Vue, Angular, Express - any platform.

How It Works

Traditional tracking relies on JavaScript pixels running inside the visitor's browser. These pixels are increasingly blocked by:

• Ad-blockers - Extensions like uBlock Origin block Facebook Pixel, TikTok Pixel, etc.
• Browser privacy features - Safari ITP, Firefox ETP limit cookie lifetimes and third-party requests
• iOS App Tracking Transparency - Apple's ATT framework restricts cross-app tracking

ServerTrack solves this by acting as a first-party data relay:

1. You set up a custom subdomain on your own domain (e.g., data.yoursite.com)
2. Our lightweight JavaScript SDK sends events to your subdomain - this looks like a first-party request to browsers
3. ServerTrack receives the event data and forwards it directly to Facebook CAPI, TikTok Events API, and GA4 via server-to-server connections
4. Marketing platforms receive high-quality, unhashed data with better match rates

Domain Setup

For server-side tracking to work as a first-party connection, you need to point a subdomain of your website to ServerTrack's infrastructure. This is done by creating a CNAME record in your DNS settings.

Step 1: Find Your CNAME Value

Log in to your ServerTrack dashboard, navigate to your server's Configuration → Custom Domain & SSL page. You'll find your unique CNAME value there (e.g., abc123.servertrack.io).

Step 2: Add the CNAME Record

Go to your domain registrar or DNS provider and add the following record:

Adding CNAME in Cloudflare

If you use Cloudflare for DNS management, follow these steps:

1. Log in to your Cloudflare Dashboard
2. Select your domain → Go to DNS → Records
3. Click "Add record"
4. Set Type to CNAME
5. Set Name to data (or your preferred subdomain)
6. Set Target to your ServerTrack CNAME value from the dashboard
7. Important: Set Proxy status to "DNS only" (gray cloud icon, not orange). ServerTrack handles SSL itself - Cloudflare proxying will interfere.
8. Click Save

Adding CNAME in Other Providers

The process is similar across all DNS providers. Here are direct links to guides for popular ones:

• GoDaddy - Add a CNAME Record
• AWS Route 53 - Creating Records
• Namecheap - Create a CNAME Record
• Google Domains - Add CNAME

Platform Configuration

After setting up your domain, connect your advertising platforms in the ServerTrack dashboard. Navigate to your server's Server-Side Connection Settings to input your credentials.

Facebook (Meta) CAPI

You'll need your Pixel ID and Conversion API Access Token from Facebook Events Manager.

1. Go to Facebook Events Manager
2. Select your Pixel → Go to Settings
3. Copy your Pixel ID
4. Under "Conversions API", generate an Access Token
5. Paste both into your ServerTrack dashboard

TikTok Events API

You'll need your Pixel ID and Access Token from TikTok Ads Manager.

1. Go to TikTok Ads Manager → Assets → Events
2. Select your pixel → Settings
3. Copy the Pixel ID
4. Generate an Access Token under API Access
5. Paste both into your ServerTrack dashboard

Google Analytics 4

You'll need your Measurement ID and API Secret.

1. Go to Google Analytics → Admin → Data Streams
2. Select your web stream → Copy the Measurement ID (starts with G-)
3. Scroll down to Measurement Protocol API secrets → Create a new secret
4. Paste both into your ServerTrack dashboard

Plugin Installation

There are two ways to install the ServerTrack WordPress plugin:

Method 1: From WordPress Admin (Recommended)

1. Log in to your WordPress Admin Dashboard
2. Navigate to Plugins → Add New Plugin
3. In the search bar, type ServerTrack
4. Find the official plugin (by ServerTrack.io) and click Install Now
5. Click Activate once installation completes
6. Go to Settings → ServerTrack in the left sidebar
7. Enter your Authentication Key (found in your ServerTrack dashboard under Setup Kit)
8. Enter your Custom Domain (e.g., data.yoursite.com)
9. Click Save Settings

Method 2: Manual Upload

1. Download the plugin from WordPress.org
2. Go to Plugins → Add New → Upload Plugin
3. Upload the .zip file and click Install Now
4. Activate and configure as described above

Auto-Tracked Events

Once activated, the plugin automatically tracks these events without any additional code:

Plugin Features

• Automatic user data collection - Captures logged-in user email, name, and phone for enhanced matching
• WooCommerce deep integration - Tracks full purchase funnel with product IDs, quantities, and values
• Easy Digital Downloads support - Tracks ViewContent and Purchase for digital products
• GDPR compliant - Respects user consent preferences and privacy settings
• Custom events via PHP - Use helper functions to fire custom events in your theme or plugins

WordPress Video Guide

Watch the step-by-step walkthrough of installing and configuring the WordPress plugin:

Standard Shopify Setup

This is the default setup for standard Shopify stores using Shopify's built-in checkout. If you use a COD (Cash on Delivery) plugin like Releasit or EasySell, see the dedicated sections below instead.

Installation Steps

1. Open Customer Events
   Go to your Shopify Admin → Settings (bottom-left) → Customer Events
2. Add a Custom Pixel
   Click "Add custom pixel" → Name it ServerTrack.io
3. Paste Your Tracking Code
   Copy the code from your ServerTrack dashboard (Setup Kit → Shopify) and paste it into the pixel editor. Replace all default content.
4. Save & Connect
   Click Save, then click Connect. The pixel will begin capturing events immediately.

Shopify + Releasit COD Form & Upsells

If you use the Releasit COD Form & Upsells plugin for Cash on Delivery orders, you need a specialized pixel code that captures Releasit form submissions as Purchase events.

Installation

1. Go to Shopify Admin → Settings → Customer Events
2. Click "Add custom pixel" → Name it ServerTrack.io - Releasit
3. Copy the Releasit-specific code from your ServerTrack dashboard (Setup Kit → Shopify → Releasit COD Plugin)
4. Paste into the pixel editor, replacing all default content
5. Click Save, then Connect

Shopify + EasySell COD Form & Upsells

If you use the EasySell COD Form & Upsells plugin, use the dedicated pixel code that captures EasySell's order confirmations.

Installation

1. Go to Shopify Admin → Settings → Customer Events
2. Click "Add custom pixel" → Name it ServerTrack.io - EasySell
3. Copy the EasySell-specific code from your ServerTrack dashboard (Setup Kit → Shopify → EasySell COD Plugin)
4. Paste into the pixel editor, replacing all default content
5. Click Save, then Connect

Shopify Tracked Events

All Shopify pixel versions (Standard, Releasit, EasySell) automatically track these events:

Shopify Video Guide

Watch the complete Shopify Custom Pixel installation walkthrough:

Firing Events (All Frameworks)

Regardless of which framework you use, firing events is always the same. The st() function accepts four arguments:

st('track', 'EventName', eventData, userData);

See the Event Reference below for complete examples of each event with all available parameters.

AddToCart

Fire this event when a user adds an item to their shopping cart. This is critical for building cart-abandonment retargeting audiences.

function addToCart(product) {
    var userData = {
        em: "[email protected]",
    };

    st('track', 'AddToCart', 
        {
            content_ids: [product.id],       // Product ID
            content_type: 'product',
            content_name: product.name,      // Product name
            value: product.price,            // Price added at
            currency: 'BDT',
            content_list: 'Shopping Cart',
            num_items: 1,                    // Quantity added
            price: product.price,            // Unit price
            discount: 0                      // Discount (if any)
        },
        userData
    );
}

// Example: Attach to button click
document.querySelector('.add-to-cart-btn').addEventListener('click', () => {
    addToCart({ id: '622', name: 'Spain Wallet', price: 390 });
});

InitiateCheckout

Fire this event when a user starts the checkout process. This identifies high-intent users who are close to purchasing.

var userData = {
    em: "[email protected]",
    ph: "+8801701301233",
};

document.addEventListener('DOMContentLoaded', () => {
    st('track', 'InitiateCheckout', 
        {
            value: 780,                      // Total cart value
            currency: 'BDT',
            content_type: 'product',
            num_items: 2,                    // Total items in cart
            content_ids: ['622', '95'],      // All product IDs
            contents: [                      // Detailed items array
                { id: '622', quantity: 1, item_price: 390 },
                { id: '95', quantity: 1, item_price: 390 }
            ]
        },
        userData
    );
});

Purchase

Fire this event upon successful payment confirmation. This is the most important event for ROAS tracking and platform optimization. Provide as much user data as possible here.

// For Purchase events, provide maximum user data
var userData = {
    em: "[email protected]",    // Email
    ph: "+8801701301233",          // Phone with country code
    fn: "Alif",                    // First name
    ln: "Mahmud",                  // Last name
    ct: "Dhaka",                   // City
    country: "bd"                  // ISO country code
};

document.addEventListener('DOMContentLoaded', () => {
    st('track', 'Purchase', {
            currency: "BDT",
            value: 1260,                     // Total order value
            transaction_id: "TXN_12345",     // Unique transaction ID
            order_id: "ORD_12345",           // Your internal order ID
            shipping: 60,                    // Shipping cost
            content_type: 'product',
            content_ids: ["95", "622"],       // All purchased product IDs
            contents: [                      // Detailed items
                { id: "95", quantity: 2, item_price: 600 },
                { id: "622", quantity: 1, item_price: 60 }
            ],
        },
        userData
    );
});

Custom Events

ServerTrack supports any custom event name. Use the second argument to define your own event names for tracking specific user actions not covered by standard events.

// Basic custom event
st('track', 'NewsletterSignup', { source: 'footer_form' }, userData);

// Lead form submission
st('track', 'Lead', { 
    form_name: 'Contact Form',
    lead_type: 'sales_inquiry' 
}, userData);

// Any name you want
st('track', 'WishlistAdd', { content_ids: ['SKU-99'] }, userData);

Example: Shop Page (Product Loop)

If you want to track which products are visible on a category or shop page, build the data dynamically from your product loop:

var userData = {
    em: "[email protected]",
    country: "bd",
};

document.addEventListener('DOMContentLoaded', () => {
    var productContents = [];
    var contentIds = [];

    // Loop through visible products on the page
    // (In practice, use your template engine or framework to generate this)
    
    // Product 1
    productContents.push({ id: "30", item_price: 5000, quantity: 1 });
    contentIds.push("30");

    // Product 2
    productContents.push({ id: "31", item_price: 499, quantity: 1 });
    contentIds.push("31");

    // Product 3
    productContents.push({ id: "32", item_price: 1200, quantity: 1 });
    contentIds.push("32");

    st('track', 'ShopPage', 
        {
            content_name: "Shop Page",
            content_category: "All Products",
            content_type: "product",
            value: 0,
            currency: "BDT",
            contents: productContents,
            content_ids: contentIds
        },
        userData
    );
});

Support

If you encounter issues during setup or have questions, our team is here to help.

Additional Resources

GitHub

Code samples & SDKs

Knowledge Base

FAQs & best practices

Contact Us

General inquiries