Facebook Conversions API for Shopify with Google Tag Manager

Why It Matters

Server‑side CAPI integration ensures accurate Facebook conversion data despite browser blockers, giving Shopify merchants stronger ROI measurement and compliance.

Key Takeaways

• Set up server‑side GTM via Stape to forward events.
• Create data tags for page view, add‑to‑cart, purchase.
• Map Shopify data layer variables to Facebook CAPI parameters.
• Use event IDs to deduplicate pixel and server events.
• Test with preview mode and decode Base64 payloads.

Summary

The video walks through a complete end‑to‑end configuration that connects a Shopify store to Facebook’s Conversions API using a server‑side Google Tag Manager (GTM) container hosted on Stape. It shows how the web GTM container, a Stape data tag, and the server‑side container work together to forward e‑commerce events directly to Facebook, bypassing browser limitations.

The presenter creates three core data tags—page view, add‑to‑cart, and purchase—by importing Stape’s data‑tag template, setting a constant variable for the server‑side URL, and assigning appropriate triggers (DOM Ready for page view, custom events for the others). He then maps Shopify’s e‑commerce data layer variables (currency, value, content IDs, contents) to the format required by the Conversions API, using a custom “universal conversions” variable template to reshape arrays into Facebook’s expected structure.

A key illustration is the use of event IDs to deduplicate events when both the pixel and server‑side calls fire, ensuring accurate reporting even if a browser extension blocks the pixel. The tutorial also demonstrates decoding the Base64‑encoded payload in the server‑side preview to verify that the correct product IDs, prices, and transaction IDs are transmitted.

By moving conversion tracking to the server, merchants gain more reliable data, comply with emerging privacy regulations, and improve ad attribution on Facebook. The step‑by‑step guide reduces the technical barrier for Shopify owners, allowing them to capture complete purchase funnels without relying on fragile client‑side scripts.

Original Description

Setting up Facebook Conversions API for Shopify is a bit complicated. It requires a specific approach for accurate tracking. This tutorial provides a step-by-step guide on how to implement Facebook CAPI for Shopify using server-side Google Tag Manager.

You’ll learn:

- How to configure the Data Tag to send e-commerce events to your server container.

- How to set up the Facebook Conversions API tag to process page views, add-to-carts, and purchases.

- A method for deduplicating events when using both a browser pixel and a server-side setup.

- How to send user data like email addresses to improve event matching quality.

=== TIMESTAMPS ===

00:00 - Intro

00:11 - Server-side tracking setup

02:27 - Tracking page views

11:03 - Purchase events

17:15 - Creating Facebook CAPI tags

33:32 - Implementing Event IDs for deduplication

38:22 - Final Words

=== LINKS ===

Subscribe to our Youtube channel https://www.youtube.com/channel/UCOEX0WT2MJZX3ev954syP3A?sub_confirmation=1

✭ Sign up for Stape

https://lnk.stape.io/FacebookCAPI

📌 FREE e-books on Google Tag Manager and Google Analytics 📌

https://www.analyticsmania.com/google-tag-manager-e-books-and-guides/?utm_medium=video&utm_source=youtube.com&utm_campaign=am+yt+-+facebook+capi+for+shopify+with+sgtm+2026

⭐⭐ Google Tag Manager and Google Analytics 4 courses ⭐⭐

https://www.analyticsmania.com/courses/?utm_medium=video&utm_source=youtube.com&utm_campaign=am+yt+-+facebook+capi+for+shopify+with+sgtm+2026

✭ Universal Conversions variable (website)

https://github.com/stape-io/universal-conversions-variable

✭ Universal Conversions variable (server)

https://github.com/stape-io/universal-conversions-server-variable

✭ Data Client for Google Tag Manager (server)

https://github.com/stape-io/data-client

=== CONNECT WITH JULIUS & ANALYTICS MANIA ===

✭ Facebook https://www.facebook.com/analyticsmania

✭ Twitter https://twitter.com/fedorovicius

✭ Linkedin https://www.linkedin.com/in/fedorovicius

Subscribe to our YouTube channel https://www.youtube.com/channel/UCOEX0WT2MJZX3ev954syP3A?sub_confirmation=1

#googleanalytics #googleanalytics4 #ga4 #googletagmanager