How to Pass fbclid and _fbc Cookies from WordPress to Shopify Checkout

1. The Symptom: Facebook Ad Conversions Showing $0 ROAS & Low Event Match Quality

When a user clicks on your Facebook or Instagram ad, Meta appends a unique Click ID string to the URL: ?fbclid=IwAR2xyz.... The Meta Pixel running on your WordPress site captures this parameter and creates a first-party cookie named _fbc.

However, when that customer clicks your "Buy Now" button and navigates to your Shopify store, the Meta Pixel on Shopify looks for the _fbc cookie. Because browser security rules isolate cookies to the originating origin (yourbrand.com vs checkout.myshopify.com), Shopify's Meta Pixel sees a completely empty browser state.

2. The Cause: First-Party Cookie Origin Isolation

To understand why fbclid disappears, let's examine how modern web browsers enforce SameSite and Same-Origin privacy boundaries:

Unless your outbound links actively append _fbc and _fbp parameters directly onto the URL, Meta's Conversions API and Meta Pixel are forced to treat the customer as an anonymous direct visitor.

3. The Hard Way: Custom GTM JavaScript Listeners

Store owners often attempt to patch this issue by writing custom Google Tag Manager (GTM) scripts. Below is an example of what developers typically write to extract and pass Meta cookies manually:

// Manual GTM Link & Cookie Decorator (Brittle & High Maintenance)
(function() {
  function getCookie(name) {
    var value = "; " + document.cookie;
    var parts = value.split("; " + name + "=");
    if (parts.length === 2) return parts.pop().split(";").shift();
  }

  document.addEventListener("click", function(event) {
    var target = event.target.closest("a");
    if (!target || !target.href.includes("myshopify.com")) return;

    var fbc = getCookie("_fbc") || new URLSearchParams(window.location.search).get("fbclid");
    var fbp = getCookie("_fbp");

    var url = new URL(target.href);
    if (fbc) url.searchParams.set("_fbc", fbc);
    if (fbp) url.searchParams.set("_fbp", fbp);
    target.href = url.toString();
  });
})();