Facebook Pixel & Conversion API

Real Client Projects & Results

Facebook Pixel & Conversion API case studies โ€” from broken tracking to full attribution.

ย 
Portfolio #1
Portfolio #2
Portfolio #3
Portfolio #4

Detailed Portfolio

E-commerce store running WooCommerce with iOS 14.5+ blocking ~60% of purchase events. Client needed server-side tracking to recover lost conversion data.

Portfolio #1

100%

Events Tracked

100%

Deduplication

98%

Event Coverage

9.3

Match Quality

Step 01

Initial Audit โ€“ Broken Pixel State

Client’s Event Manager showed zero data for 14 days, indicating a complete breakdown in event tracking and reporting.

Despite this, the Facebook Pixel Helper extension confirmed that the pixel was technically firing on the website.

However, all tracked events were either marked as unrecognized or were being duplicated on every page load, which pointed to a misconfiguration rather than a deployment failure.

Audit Period

14 Days

100%

Events Tracked

100%

Events Tracked

Case Study #1

Portfolio #1 โ€“ Facebook Pixel Setup & CAPI

98%

Events Coverage

9.3โ†’10

Event Match Quality

3x

ROAS Improvement

97.92%

Event Deduplication

Accelerating Data-Driven Decision Making and ROAS Improvement for Mr. Jone Website. To Watch this Portfolio #1 video Click This YouTube Like

Portfolio #1

98%

Events Coverage

9.3 / 10

Event Match Quality

3x

ROAS Improvement

97.92%

Event Deduplication

Step 01

E-commerce Web Analytics & Conversion Tracking Setup use GTM and Stape Server

A complete E-commerce optimization project focusing on product structure, seamless checkout experience (Cash on Delivery integration), and accurate event tracking for high-converting marketing campaigns.

Despite this, the Facebook Pixel Helper extension confirmed that the pixel was technically firing on the website.

ViewContent

AddToCart

Checkout

Purchase

Step 02

Meta Event Manager Overview

Client’s Event Manager showed 100% accurate data for 17 days, indicating a complete breakdown in event tracking and reporting.

Despite this, the Facebook Pixel Helper extension confirmed that the pixel was technically firing on the website.

98%

Events Coverage

9.3 / 10

Event Match Quality

3x

ROAS Improvement

97.92%

Event Deduplication

Step 03

Google Tag Manager Web Container Setup for Meta Tracking

GTM Web Container displaying dual tag groups: client-side Meta Pixel tags (Meta || BS || ...) and server transport tags (Meta || SS || ...) mapped to specific event triggers (add_to_cart, begin_checkout, purchase, view_item).

Step 04

Server Container Setup for Meta Conversions API

GTM Server Container workspace highlighting the active Conversions API Tag triggered by Specific Events | SS | Triggers

Step 05

First-Party Server Hosting Setup via Stape.io

Stape.io server dashboard showing request metrics (4,827 of 10,000 requests sent) and the active Custom Loader power-up feature.

Shows the dedicated server-side hosting setup using Stape.io. The Custom Loader bypasses ad blockers, Safari ITP restrictions, and third-party tracking blocks by serving tracking scripts through a first-party subdomain.

Step 06

DataLayer Payload Structure for View Item Event

GTM Tag Assistant displaying the dataLayer.push array for the view_item event, including product details like item_id: 15060180566381, item_name: Dua Door Bell, price (1050), and currency (BDT).

Step 07

DataLayer Payload Structure for View Item Event

GTM Tag Assistant displaying the dataLayer.push array for the view_item event, including product details like item_id: 15060180566381, item_name: Dua Door Bell, price (1050), and currency (BDT).

Step 08

Dynamic DataLayer Schema for Checkout Initiation

Tag Assistant inspector displaying the begin_checkout DataLayer event containing an array of multiple items (Digital Learning Pen, Stories of Al-Quran, Dua Door Bell) with a total value of 5500 BDT. Under the array have ( item_id, item_name, price, quanltity, etc)

Validates multi-item cart data aggregation during checkout setup. The DataLayer dynamically sums individual line-item totals, quantities, and IDs, passing a complete JSON object to the tag container.

Step 09

Meta Event Manager Deduplication for Checkout Events

Demonstrates successful event deduplication in Meta Event Manager. By passing identical event_id parameters across both client-side and server-side channels, Meta keeps the primary browser signal and deduplicates the redundant server payload to prevent inflated conversion counts.

Step 10

Post-Purchase Success Modal & Order ID Capture

Highlights the final conversion trigger on the post-checkout UI modal. Transaction IDs and revenue values are captured directly from the order confirmation state, ensuring accurate conversion tracking for cash-on-delivery orders.

A "Thank You, test!" checkout success popup showing Order ID #1008 and total order value (Tk 5,650.00 BDT).

Step 11

Structured DataLayer GA4 Schema for Completed Purchase

GTM Tag Assistant displaying event purchase with its detailed dataLayer.push payload, including items (Digital Learning Pen, The stories of Al-Quran, Dua Door Bell), currency (BDT), and grand total value (5500).

A "Thank You, test!" checkout success popup showing Order ID #1008 and total order value (Tk 5,650.00 BDT).

Step 12

Client-Side GTM Web Container Purchase Tag Execution

Validates browser-side tag firing logic upon order completion. The web container executes the standard browser tracking script while simultaneously transmitting the event array downstream to the server container endpoint.

GTM Debugger under event #25 purchase showing two active tags fired: Meta || BS || Purchase (Browser Meta Pixel) and Meta || SS || purchase (Server transport via GA4).

Step 13

GTM Server Container CAPI Tag Firing Confirmation

GTM Server Debugger showing event purchase triggering the server-side Conversions API Tag alongside the Google Analytics GA4 tag.

Step 14

Browser vs. Server Purchase Event Data Comparison in Meta

Meta Test Events interface showing both Browser (Processed) and Server (Deduplicated) purchase instances side-by-side with identical Event IDs (1783506443533...), order value (5500 BDT), and content IDs.

Demonstrates dual-channel matching and deduplication. By sending identical Event IDs and matching product payloads from both client and server channels, Meta merges the data streams accurately without double-counting conversion metrics.

Step 14

Advanced Matching Payload Inspection for Meta CAPI

Expanded view of the server-side Purchase event in Meta Test Events detailing event properties, item arrays, total value, and encrypted User Data Keys (Country, External ID, Browser ID, First name, IP address, Phone, User agent).

Case Study #1

Portfolio #1 โ€“ Facebook Pixel Setup & CAPI

100%

Events Tracked

0โ†’47

Conversions Visible

3x

ROAS Improvement

98%

Match Quality

Step 01

E-commerce Web Analytics & Conversion Tracking Setup use GTM and Stape Server

A complete E-commerce optimization project focusing on product structure, seamless checkout experience (Cash on Delivery integration), and accurate event tracking for high-converting marketing campaigns.

Despite this, the Facebook Pixel Helper extension confirmed that the pixel was technically firing on the website.

ViewContent

AddToCart

Checkout

Purchase

Step 02

Meta Event Manager Overview

Client’s Event Manager showed 100% accurate data for 17 days, indicating a complete breakdown in event tracking and reporting.

Despite this, the Facebook Pixel Helper extension confirmed that the pixel was technically firing on the website.

98%

Events Coverage

9.3 / 10

Event Match Quality

3x

ROAS Improvement

97.92%

Event Deduplication

Step 03

Google Tag Manager Web Container Setup for Meta Tracking

GTM Web Container displaying dual tag groups: client-side Meta Pixel tags (Meta || BS || ...) and server transport tags (Meta || SS || ...) mapped to specific event triggers (add_to_cart, begin_checkout, purchase, view_item).

Step 04

Server Container Setup for Meta Conversions API

GTM Server Container workspace highlighting the active Conversions API Tag triggered by Specific Events | SS | Triggers

Step 05

First-Party Server Hosting Setup via Stape.io

Stape.io server dashboard showing request metrics (4,827 of 10,000 requests sent) and the active Custom Loader power-up feature.

Shows the dedicated server-side hosting setup using Stape.io. The Custom Loader bypasses ad blockers, Safari ITP restrictions, and third-party tracking blocks by serving tracking scripts through a first-party subdomain.

Step 06

DataLayer Payload Structure for View Item Event

GTM Tag Assistant displaying the dataLayer.push array for the view_item event, including product details like item_id: 15060180566381, item_name: Dua Door Bell, price (1050), and currency (BDT).

Step 07

DataLayer Payload Structure for View Item Event

GTM Tag Assistant displaying the dataLayer.push array for the view_item event, including product details like item_id: 15060180566381, item_name: Dua Door Bell, price (1050), and currency (BDT).

Step 08

Dynamic DataLayer Schema for Checkout Initiation

Tag Assistant inspector displaying the begin_checkout DataLayer event containing an array of multiple items (Digital Learning Pen, Stories of Al-Quran, Dua Door Bell) with a total value of 5500 BDT. Under the array have ( item_id, item_name, price, quanltity, etc)

Validates multi-item cart data aggregation during checkout setup. The DataLayer dynamically sums individual line-item totals, quantities, and IDs, passing a complete JSON object to the tag container.

Step 10

Post-Purchase Success Modal & Order ID Capture

Highlights the final conversion trigger on the post-checkout UI modal. Transaction IDs and revenue values are captured directly from the order confirmation state, ensuring accurate conversion tracking for cash-on-delivery orders.

A "Thank You, test!" checkout success popup showing Order ID #1008 and total order value (Tk 5,650.00 BDT).

Step 11

Structured DataLayer GA4 Schema for Completed Purchase

GTM Tag Assistant displaying event purchase with its detailed dataLayer.push payload, including items (Digital Learning Pen, The stories of Al-Quran, Dua Door Bell), currency (BDT), and grand total value (5500).

A "Thank You, test!" checkout success popup showing Order ID #1008 and total order value (Tk 5,650.00 BDT).

Step 12

Client-Side GTM Web Container Purchase Tag Execution

Validates browser-side tag firing logic upon order completion. The web container executes the standard browser tracking script while simultaneously transmitting the event array downstream to the server container endpoint.

GTM Debugger under event #25 purchase showing two active tags fired: Meta || BS || Purchase (Browser Meta Pixel) and Meta || SS || purchase (Server transport via GA4).

Step 13

GTM Server Container CAPI Tag Firing Confirmation

GTM Server Debugger showing event purchase triggering the server-side Conversions API Tag alongside the Google Analytics GA4 tag.

Step 14

Browser vs. Server Purchase Event Data Comparison in Meta

Meta Test Events interface showing both Browser (Processed) and Server (Deduplicated) purchase instances side-by-side with identical Event IDs (1783506443533...), order value (5500 BDT), and content IDs.

Demonstrates dual-channel matching and deduplication. By sending identical Event IDs and matching product payloads from both client and server channels, Meta merges the data streams accurately without double-counting conversion metrics.

Accelerating Data-Driven Decision Making and ROAS Improvement for Mr. Jone Website. To Watch this Portfolio #1 video Click This YouTube Like

Portfolio #2

90%

Events Coverage

9 / 10

Event Match Quality

2x

ROAS Improvement

90.92%

Event Deduplication

Step 01

E-commerce Web Analytics & Conversion Tracking Setup use GTM and Stape Server

A complete E-commerce optimization project focusing on product structure, seamless checkout experience (Cash on Delivery integration), and accurate event tracking for high-converting marketing campaigns.

Despite this, the Facebook Pixel Helper extension confirmed that the pixel was technically firing on the website.

ViewContent

AddToCart

Checkout

Purchase

Step 02

Meta Event Manager Overview

Client’s Event Manager showed 100% accurate data for 17 days, indicating a complete breakdown in event tracking and reporting.

Despite this, the Facebook Pixel Helper extension confirmed that the pixel was technically firing on the website.

98%

Events Coverage

9.3 / 10

Event Match Quality

3x

ROAS Improvement

97.92%

Event Deduplication

Step 03

Google Tag Manager Web Container Setup for Meta Tracking

GTM Web Container displaying dual tag groups: client-side Meta Pixel tags (Meta || BS || ...) and server transport tags (Meta || SS || ...) mapped to specific event triggers (add_to_cart, begin_checkout, purchase, view_item).

Step 04

Server Container Setup for Meta Conversions API

GTM Server Container workspace highlighting the active Conversions API Tag triggered by Specific Events | SS | Triggers

Step 05

First-Party Server Hosting Setup via Stape.io

Stape.io server dashboard showing request metrics (4,827 of 10,000 requests sent) and the active Custom Loader power-up feature.

Shows the dedicated server-side hosting setup using Stape.io. The Custom Loader bypasses ad blockers, Safari ITP restrictions, and third-party tracking blocks by serving tracking scripts through a first-party subdomain.

Step 06

DataLayer Payload Structure for View Item Event

GTM Tag Assistant displaying the dataLayer.push array for the view_item event, including product details like item_id: 15060180566381, item_name: Dua Door Bell, price (1050), and currency (BDT).

Step 07

DataLayer Payload Structure for View Item Event

GTM Tag Assistant displaying the dataLayer.push array for the view_item event, including product details like item_id: 15060180566381, item_name: Dua Door Bell, price (1050), and currency (BDT).

Step 08

Dynamic DataLayer Schema for Checkout Initiation

Tag Assistant inspector displaying the begin_checkout DataLayer event containing an array of multiple items (Digital Learning Pen, Stories of Al-Quran, Dua Door Bell) with a total value of 5500 BDT. Under the array have ( item_id, item_name, price, quanltity, etc)

Validates multi-item cart data aggregation during checkout setup. The DataLayer dynamically sums individual line-item totals, quantities, and IDs, passing a complete JSON object to the tag container.

Step 09

Meta Event Manager Deduplication for Checkout Events

Demonstrates successful event deduplication in Meta Event Manager. By passing identical event_id parameters across both client-side and server-side channels, Meta keeps the primary browser signal and deduplicates the redundant server payload to prevent inflated conversion counts.

Step 10

Post-Purchase Success Modal & Order ID Capture

Highlights the final conversion trigger on the post-checkout UI modal. Transaction IDs and revenue values are captured directly from the order confirmation state, ensuring accurate conversion tracking for cash-on-delivery orders.

A "Thank You, test!" checkout success popup showing Order ID #1008 and total order value (Tk 5,650.00 BDT).

Step 11

Structured DataLayer GA4 Schema for Completed Purchase

GTM Tag Assistant displaying event purchase with its detailed dataLayer.push payload, including items (Digital Learning Pen, The stories of Al-Quran, Dua Door Bell), currency (BDT), and grand total value (5500).

A "Thank You, test!" checkout success popup showing Order ID #1008 and total order value (Tk 5,650.00 BDT).

Step 12

Client-Side GTM Web Container Purchase Tag Execution

Validates browser-side tag firing logic upon order completion. The web container executes the standard browser tracking script while simultaneously transmitting the event array downstream to the server container endpoint.

GTM Debugger under event #25 purchase showing two active tags fired: Meta || BS || Purchase (Browser Meta Pixel) and Meta || SS || purchase (Server transport via GA4).

Step 13

GTM Server Container CAPI Tag Firing Confirmation

GTM Server Debugger showing event purchase triggering the server-side Conversions API Tag alongside the Google Analytics GA4 tag.

Step 14

Browser vs. Server Purchase Event Data Comparison in Meta

Meta Test Events interface showing both Browser (Processed) and Server (Deduplicated) purchase instances side-by-side with identical Event IDs (1783506443533...), order value (5500 BDT), and content IDs.

Demonstrates dual-channel matching and deduplication. By sending identical Event IDs and matching product payloads from both client and server channels, Meta merges the data streams accurately without double-counting conversion metrics.

Step 14

Advanced Matching Payload Inspection for Meta CAPI

Expanded view of the server-side Purchase event in Meta Test Events detailing event properties, item arrays, total value, and encrypted User Data Keys (Country, External ID, Browser ID, First name, IP address, Phone, User agent).

Step 1

Browser vs. Server Purchase Event Data Comparison in Meta

Meta Test Events interface showing both Browser (Processed) and Server (Deduplicated) purchase instances side-by-side with identical Event IDs (1783506443533...), order value (5500 BDT), and content IDs.

Demonstrates dual-channel matching and deduplication. By sending identical Event IDs and matching product payloads from both client and server channels, Meta merges the data streams accurately without double-counting conversion metrics.

Step 02

Meta Event Manager Overview

Client’s Event Manager showed 100% accurate data for 17 days, indicating a complete breakdown in event tracking and reporting.

Despite this, the Facebook Pixel Helper extension confirmed that the pixel was technically firing on the website.

98%

Events Coverage

9.3 / 10

Event Match Quality

3x

ROAS Improvement

97.92%

Event Deduplication

Step 03

Google Tag Manager Web Container Setup for Meta Tracking

GTM Web Container displaying dual tag groups: client-side Meta Pixel tags (Meta || BS || ...) and server transport tags (Meta || SS || ...) mapped to specific event triggers (add_to_cart, begin_checkout, purchase, view_item).

Step 04

Server Container Setup for Meta Conversions API

GTM Server Container workspace highlighting the active Conversions API Tag triggered by Specific Events | SS | Triggers

Step 05

First-Party Server Hosting Setup via Stape.io

Stape.io server dashboard showing request metrics (4,827 of 10,000 requests sent) and the active Custom Loader power-up feature.

Shows the dedicated server-side hosting setup using Stape.io. The Custom Loader bypasses ad blockers, Safari ITP restrictions, and third-party tracking blocks by serving tracking scripts through a first-party subdomain.

Step 06

DataLayer Payload Structure for View Item Event

GTM Tag Assistant displaying the dataLayer.push array for the view_item event, including product details like item_id: 15060180566381, item_name: Dua Door Bell, price (1050), and currency (BDT).

Step 07

DataLayer Payload Structure for View Item Event

GTM Tag Assistant displaying the dataLayer.push array for the view_item event, including product details like item_id: 15060180566381, item_name: Dua Door Bell, price (1050), and currency (BDT).

Step 08

Dynamic DataLayer Schema for Checkout Initiation

Tag Assistant inspector displaying the begin_checkout DataLayer event containing an array of multiple items (Digital Learning Pen, Stories of Al-Quran, Dua Door Bell) with a total value of 5500 BDT. Under the array have ( item_id, item_name, price, quanltity, etc)

Validates multi-item cart data aggregation during checkout setup. The DataLayer dynamically sums individual line-item totals, quantities, and IDs, passing a complete JSON object to the tag container.

Step 10

Post-Purchase Success Modal & Order ID Capture

Highlights the final conversion trigger on the post-checkout UI modal. Transaction IDs and revenue values are captured directly from the order confirmation state, ensuring accurate conversion tracking for cash-on-delivery orders.

A "Thank You, test!" checkout success popup showing Order ID #1008 and total order value (Tk 5,650.00 BDT).

Step 11

Structured DataLayer GA4 Schema for Completed Purchase

GTM Tag Assistant displaying event purchase with its detailed dataLayer.push payload, including items (Digital Learning Pen, The stories of Al-Quran, Dua Door Bell), currency (BDT), and grand total value (5500).

A "Thank You, test!" checkout success popup showing Order ID #1008 and total order value (Tk 5,650.00 BDT).

Step 12

Client-Side GTM Web Container Purchase Tag Execution

Validates browser-side tag firing logic upon order completion. The web container executes the standard browser tracking script while simultaneously transmitting the event array downstream to the server container endpoint.

GTM Debugger under event #25 purchase showing two active tags fired: Meta || BS || Purchase (Browser Meta Pixel) and Meta || SS || purchase (Server transport via GA4).

Step 13

GTM Server Container CAPI Tag Firing Confirmation

GTM Server Debugger showing event purchase triggering the server-side Conversions API Tag alongside the Google Analytics GA4 tag.

Step 14

Browser vs. Server Purchase Event Data Comparison in Meta

Meta Test Events interface showing both Browser (Processed) and Server (Deduplicated) purchase instances side-by-side with identical Event IDs (1783506443533...), order value (5500 BDT), and content IDs.

Demonstrates dual-channel matching and deduplication. By sending identical Event IDs and matching product payloads from both client and server channels, Meta merges the data streams accurately without double-counting conversion metrics.

Chat With Me
Instant Support
Instant Support
Need Help? Let's Chat! ๐Ÿ’ฌ