Legendplugins

How to Use Conversion Pixels

Track affiliate conversions across Facebook Ads, Google Ads, and other marketing platforms with LegendLinks conversion pixel integration.

Overview

Conversion pixels are tracking codes that fire when users complete desired actions (purchases, signups, etc.). LegendLinks allows you to add these pixels to your affiliate links for comprehensive conversion tracking.

What are Conversion Pixels?

Conversion pixels are small JavaScript or image snippets that:

  • ✅ Track conversions across marketing platforms
  • ✅ Measure ROI from advertising campaigns
  • ✅ Optimize campaigns based on actual results
  • ✅ Attribute sales to specific traffic sources

Key Benefits

  • 📊 Cross-platform tracking: Facebook, Google, Twitter, custom pixels
  • 🎯 Attribution: Know which campaigns drive sales
  • 📈 Optimization: Improve ad spend effectiveness
  • 🔄 Automation: Pixels fire automatically on redirects
  • 📱 Multi-device: Works across all devices

How Conversion Pixels Work

Pixel Integration Process

<!-- 1. User clicks affiliate link -->
<a href="yoursite.com/go/product">Buy Product</a>

<!-- 2. Redirect happens with pixel injection -->
<!-- Pixels load in <head> and fire conversion events -->

<!-- 3. User completes purchase on affiliate site -->
<!-- Conversion tracked back to original campaign -->

Supported Platforms

  • Facebook Pixel: Meta advertising platform
  • Google Ads: Google advertising campaigns
  • Twitter Ads: Twitter/X advertising
  • Custom Pixels: Any pixel with HTML/JS code
  • Multiple Pixels: Run several pixels simultaneously

Requirements

  • ✅ LegendLinks Pro/Plus/Business Plan (conversion pixels are premium)
  • ✅ Pixel Codes: From your advertising platforms
  • ✅ JavaScript Redirects: Required for pixel execution
  • ✅ Testing Access: To verify pixel firing

How to Set Up Conversion Pixels

Step 1: Enable Conversion Pixels

  1. Go to LegendLinks → Settings in your WordPress admin
  2. Click on the "Tracking & Analytics" tab
  3. Check "Enable Conversion Pixels (Global)"

Step 2: Add Pixel Base Code

Two text areas appear for pixel configuration:

Global Head Pixels

<!-- Facebook Pixel Base Code -->
<script>
  !function(f,b,e,v,n,t,s)
  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  n.queue=[];t=b.createElement(e);t.async=!0;
  t.src=v;s=b.getElementsByTagName(e)[0];
  s.parentNode.insertBefore(t,s)}(window, document,'script',
  'https://connect.facebook.net/en_US/fbevents.js');
  fbq('init', 'YOUR_PIXEL_ID');
  fbq('track', 'PageView');
</script>

Global Body Pixels

<!-- Facebook Conversion Event -->
<script>
  fbq('track', 'Purchase', {
    value: 1.00,
    currency: 'USD',
    content_name: 'Affiliate Link Conversion'
  });
</script>

Platform-Specific Setup

Facebook Pixel Setup

Step 1: Get Pixel Code

  1. Go to Facebook Events Manager
  2. Select your pixel or create new one
  3. Click Settings → Facebook Pixel Code
  4. Copy the base code

Step 2: Configure Events

<!-- Head Pixels (Base Code) -->
<script>
  // Facebook Pixel Code
  fbq('init', 'YOUR_PIXEL_ID');
  fbq('track', 'PageView');
</script>

<!-- Body Pixels (Conversion Events) -->
<script>
  fbq('track', 'Purchase', {
    value: 99.99,
    currency: 'USD',
    content_type: 'product',
    content_ids: ['PRODUCT_ID']
  });
</script>

Step 1: Create Conversion Action

  1. Go to Google Ads → Tools & Settings → Measurement → Conversions
  2. Click "+ New conversion action"
  3. Choose Website
  4. Set conversion details

Step 2: Get Conversion Code

<!-- Head Pixels -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-CONVERSION_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'AW-CONVERSION_ID');
</script>

<!-- Body Pixels -->
<script>
  gtag('event', 'conversion', {
    'send_to': 'AW-CONVERSION_ID/CONVERSION_LABEL',
    'value': 99.99,
    'currency': 'USD'
  });
</script>

Twitter Conversion Setup

Step 1: Access Twitter Ads

  1. Go to Twitter Ads → Tools → Conversion tracking
  2. Create new conversion event
  3. Get pixel code

Step 2: Configure Pixel

<!-- Head Pixels -->
<script src="https://static.ads-twitter.com/uwt.js"></script>
<script>
  twq('init', 'YOUR_PIXEL_ID');
  twq('track', 'PageView');
</script>

<!-- Body Pixels -->
<script>
  twq('track', 'Purchase', {
    value: 99.99,
    currency: 'USD'
  });
</script>

Advanced Configuration

Multiple Pixels

Run several pixels simultaneously:

<!-- Head Pixels - Multiple Platforms -->
<!-- Facebook -->
<script>
  fbq('init', 'PIXEL_1');
  fbq('track', 'PageView');
</script>

<!-- Google Ads -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-ID"></script>
<script>
  gtag('config', 'AW-ID');
</script>

<!-- Twitter -->
<script>
  twq('init', 'TWITTER_ID');
</script>

<!-- Body Pixels - Multiple Events -->
<script>
  fbq('track', 'Purchase', {value: 99.99, currency: 'USD'});
  gtag('event', 'conversion', {'send_to': 'AW-ID/LABEL'});
  twq('track', 'Purchase');
</script>

Dynamic Values

Make pixel values dynamic based on link data:

// Example: Get value from URL parameter
const urlParams = new URLSearchParams(window.location.search);
const linkValue = urlParams.get('value') || 99.99;
const linkCurrency = urlParams.get('currency') || 'USD';

fbq('track', 'Purchase', {
  value: parseFloat(linkValue),
  currency: linkCurrency
});

Testing Conversion Pixels

Method 1: Browser Developer Tools

  1. Open DevTools: Press F12 or right-click → Inspect
  2. Go to Network tab: Watch for pixel requests
  3. Click test link: Look for these requests:
    • connect.facebook.net (Facebook)
    • googletagmanager.com (Google)
    • ads-twitter.com (Twitter)

Method 2: Pixel Helper Tools

Facebook Pixel Helper

  1. Install extension: Facebook Pixel Helper
  2. Click test link: Extension shows pixel firing
  3. Verify events: Check for Purchase/Lead events

Google Tag Assistant

  1. Install extension: Google Tag Assistant
  2. Test conversion: Verify Google Ads tracking
  3. Check errors: Look for setup issues

Method 3: Platform Dashboards

Facebook Events Manager

  • Real-time events: See pixels fire live
  • Test events: Send test conversions
  • Debug issues: Identify setup problems
  • Test conversions: Verify tracking setup
  • Attribution: Check if conversions are attributed
  • Value tracking: Ensure monetary values are captured

Troubleshooting

Pixels Not Firing

Symptoms: No tracking events in platform dashboards Solutions:

  • ✅ Verify JavaScript redirect is enabled
  • ✅ Check pixel codes are in correct areas (Head/Body)
  • ✅ Ensure pixels are enabled in settings
  • ✅ Test with browser DevTools Network tab

Wrong Conversion Values

Symptoms: Conversions tracked but wrong amounts Solutions:

  • ✅ Check currency codes match platform settings
  • ✅ Verify value parameters are correct
  • ✅ Test with known values first
  • ✅ Check for JavaScript errors

Multiple Pixels Conflict

Symptoms: Some pixels work, others don't Solutions:

  • ✅ Separate pixel base codes into Head area
  • ✅ Put conversion events in Body area
  • ✅ Test each pixel individually first
  • ✅ Check for JavaScript conflicts

Platform-Specific Issues

Facebook Pixel Problems

  • ✅ Verify pixel ID matches Events Manager
  • ✅ Check for duplicate pixels
  • ✅ Test with Pixel Helper extension
  • ✅ Confirm conversion ID and label are correct
  • ✅ Check attribution settings in Google Ads
  • ✅ Verify account has conversion tracking enabled

Twitter Pixel Issues

  • ✅ Ensure Twitter Ads account is active
  • ✅ Check pixel ID matches Twitter Ads
  • ✅ Verify event parameters are supported

Best Practices

✅ Implementation Tips

  1. Test Thoroughly: Use all three testing methods
  2. Start Simple: Begin with one platform, then add others
  3. Monitor Performance: Track conversion attribution
  4. Update Regularly: Refresh pixel codes as needed
  5. Document Setup: Keep records of pixel configurations

✅ Privacy & Compliance

  1. User Consent: Consider cookie consent for EU visitors
  2. Data Minimization: Only track necessary conversion data
  3. Transparency: Disclose tracking in privacy policy
  4. GDPR Compliance: Honor user opt-out preferences

✅ Performance Optimization

  1. Async Loading: Use async attributes where possible
  2. Minimize Code: Remove unnecessary pixel parameters
  3. Cache Friendly: Ensure pixels work with caching
  4. Error Handling: Graceful failure if pixels break

Use Cases and Examples

E-commerce Tracking

Problem: Track sales from multiple marketing channels Solution: Pixels fire on affiliate purchases

<!-- Head: Base pixels -->
<script>fbq('init', 'FACEBOOK_ID');</script>
<script>gtag('config', 'AW-GOOGLE_ID');</script>

<!-- Body: Conversion events -->
<script>
  fbq('track', 'Purchase', {value: purchaseAmount, currency: 'USD'});
  gtag('event', 'conversion', {value: purchaseAmount, currency: 'USD'});
</script>

Lead Generation

Problem: Track form submissions and signups Solution: Fire pixels on conversion events

<script>
  // Lead generation pixel
  fbq('track', 'Lead', {
    value: 0.00,
    currency: 'USD',
    content_name: 'Newsletter Signup'
  });
</script>

Multi-Platform Campaigns

Problem: Run ads on Facebook, Google, and Twitter Solution: Unified conversion tracking across platforms

<!-- Single implementation, multiple platforms -->
<script>
  fbq('track', 'Purchase');           // Facebook
  gtag('event', 'conversion');        // Google Ads
  twq('track', 'Purchase');           // Twitter
</script>

Analytics Integration

Conversion Reports

Access pixel performance in LegendLinks → Analytics:

Available Metrics

  • Pixel Fires: How many times pixels executed
  • Platform Performance: Which platforms convert best
  • Attribution Accuracy: Correct campaign attribution
  • ROI Tracking: Revenue per pixel fire

A/B Testing

Test different pixel configurations:

Version A: Facebook + Google pixels
Version B: All three platforms
Compare: Attribution accuracy and conversion rates

Frequently Asked Questions

Do pixels slow down redirects?

Minimal impact. Pixels load asynchronously and add <100ms latency.

Can I use pixels without affiliate links?

Yes. Pixels work on any redirect with JavaScript redirect type.

What if pixels fail to load?

Graceful handling. Links still redirect even if pixels fail.

Can I customize pixel events?

Yes. Modify event parameters based on your tracking needs.

Do pixels work with caching?

Yes. Compatible with all major caching plugins.

Can I track different conversion values?

Yes. Use dynamic values based on link parameters.

What about mobile tracking?

Full support. Pixels work on all devices and browsers.

Can I disable pixels temporarily?

Yes. Uncheck "Enable Conversion Pixels" in settings.

Related Documentation

Need help? Check our FAQ or contact support.