Adding Usermaven to Shopify

In this guide, you will learn how to add the Usermaven tracking pixel to your Shopify store.

  • Log in to your Shopify dashboard and click on Sales Channels > Online Store > Themes in the left-hand side menu.
  • Click on the hamburger menu icon next to your current theme, and select "Edit code" from the drop-down menu.

  • You should now see a code editor. Click on theme.liquid under 'Layout' in the left sidebar, as shown in the image below:
  • Navigate until you find the closing head tag. Paste your snippet just before that tag, as shown in the image below:

Your Usermaven tracking script code should resemble the following:

<script src="https://t.usermaven.com/lib.js"
        data-key="API_KEY"
        data-tracking-host="https://events.usermaven.com"
        data-autocapture="true"
        data-privacy-policy="strict"
        defer>
</script>
<script>window.usermaven = window.usermaven || (function(){(window.usermavenQ = window.usermavenQ || []).push(arguments);})</script>;

To access your exact tracking snippet code, follow these steps:

  1. Log in to your Usermaven account.
  2. Navigate to the Workspace Setup section.
  3. Locate the JavaScript snippet in the Add Tracking Pixel section. Copy it and paste it into Shopify as explained above.

  • Click on the "Save" button.

That's it! Now, your Shopify store will begin sending important data to your Usermaven workspace. To verify, you can go to your Usermaven account and check if the stats are being tracked.

Tracking Conversions and Revenue Attribution on Shopify via Usermaven

Tracking conversions or sales on Shopify via Usermaven is a simple and straightforward process. Let's walk through it together.

  1. Go to your Shopify admin page and click on Settings > Customer Events.

  2. Click on Add Custom Pixel to collect customer events. Give your pixel a name and click 'Add pixel'.

  3. In step 1, insert the Usermaven Shopify snippet in the code sandbox. You should find it on your app by visiting Workspace Settings > Setup > Shopify.

  4. For step 2, insert the code for the custom events you wish to track. You can refer to the pixels on the Shopify Standard Events (opens in a new tab) page to subscribe to certain customer events. The platform maintains a list of commonly used standard events such as page_viewed, product_viewed, and checkout progression events.

  5. Once done, click on Save and then Connect. Connecting this pixel gives it secure access to your store.

  6. Finally, check if your events are being successfully tracked by visiting Events > Custom Events in Usermaven.

Following these steps, you can easily track your conversion and attribution insights in shopify via Usermaven. You can add as many custom events as you need, to capture any specific customer actions in order to understand your business better.