Shopify Buy Button vs. Facebook Events

[benchmarq1]

Hi guys, 

we have integrated shopify´s Buy Button on our landing page (build with getresponse). When sending traffic from Facebook, not all relevant events are tracked as expected. 
We can see "Page Views" and final event "Purchase", but missing events like "Add to card" or "Adding Payment information", which happen during the check out process. 

When linking from LP to shopify product page directly (not using the Buy Button) and doing a sale, all these events were fired correctly, so the Facebook Pixel itself seems to work correctly. 

- Does the Buy Button block all events happening during the check out process?

- If not, what could be the reason? 
- If so, is there any workaround/solution for this?

Shop-URL: www.hoehlenhund.de
LP with Buy Button (at the bottom): premium.hoehlenhund.de 

Plan: shopify basic

Theme: Motion

Would be happy to get some constructive feedback. If this topic is already discussed here in the forum a) sorry and b) feel free to share the link 😉

Let me know if you need any more information from my side.  

Best regards

Benjamin

[RichAP]

In your Buy Button code, you can add the FB/Meta tracking code

<script type="text/javascript">

/*<![CDATA[*/

!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');

var pixel_id = '123456789';
fbq('init', pixel_id);
fbq('track', 'PageView');