Google Analytics and Shopify Buy Button Integration!

Design help Webflow integrations
1

Hi Everyone!! Has anyone found of fix for using weblow + Shopify buy button integration and being able to track sales via GA?

Right now, I’m halted in the middle of the project that’s set to go live on the 21st because GA can’t track the checkout process since it is hosted elsewhere.

If anyone has a fix for this? Or is the only feasible option using Udesly and transferring the code?

The client uses Apparel Magic as their POS and Foxy.io does not have an integration for it. Seems as though Shopify is really the only one that does AND connect to WF.

Read only link: https://preview.webflow.com/preview/hannahchilds?utm_medium=preview_link&utm_source=designer&utm_content=hannahchilds&preview=7fe5988d93a8d29aad041f47c2f14b75&mode=preview

Thank you in advance!!

1 Like
2

@Victoria
I’ve done cross platform analytics projects before. If you wish to track shopify cart conversions via webflow site, you need to configure multi domain tracking on your GA account.

In shopify settings you need to configure enhanced e-commerce. In your GA settings you also need to enabled enhanced e-commerce. Shopify automatically posts conversion sale events into GA once integration is completed.

Please see:

https://www.optimizesmart.com/installing-enhanced-ecommerce-tracking-shopify-store/

OR if you have a single webflow site and only using shopify to inject a cart directly in webflow, you need to set up enhanced e-commerce events within webflow: https://www.nichemarket.co.za/blog/shopaholics/ecommerce-tracking-ga-webflow

1 Like
3

Hey Victoria! Did you manage to get a fix on this in the end? :slight_smile:

4

Hey! No not yet. Our PPC guy has seemed to get a workaround to do the job but it’s a very ‘bandaid’ fix.

5

I use GTM for GA4/GAds tracking and you can add that code into the Buy Button 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');
  
  
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXX');  
  
  
  
(function () {
  

  var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
6

Is your settings working? I am facing similar issues that events like add to cart, initiate checkout and purchases not fully reflected on ads manager

7

I think you’ve got some unnecessary code there, especially with the FB pixel setup. Since you’re already using GTM, you can remove the manual FB pixel setup and just use that. Also, it looks like you’re setting up the Shopify Buy Button, but I don’t see the actual code being executed – you’ll need to add something like ShopifyBuyInit(); at the end of your script.