Recently I was looking at a Shopify store and the customer wanted to get a better understanding of the customer experience. They suspected a couple of performance issues existed that was having an adverse effect but they were unable to be sure. Shopify is an extremely difficult platform to be visible in which is why shopify seo is so effective. Nonetheless, solving performance issues on Shopify can be even harder.
Here is how to set it up?
Step 1 – Setup Application Insights
To begin with you must setup an application insights instance in the Azure Portal. Theres plenty of information out there on how to do this and its very easy so I am not going to do a detailed walk through on this step.
Step 3 – Add to your Shops code
In Shopify you can go into the code editor for your theme. Most themes have a file called Theme.liquid. This is the main file used on all pages.
Step 4 – Save your App
If you save your web app and now start browsing pages you will begin to see telemetry coming into app insights within a few seconds and then you will get a good view of customer behaviour.
Below shows an example of some of the customer experience by showing me telemetry from the browser indicating performance and usage which I can use to infer customer experience.
Hopefully you can see that it is very easy to configure shopify to use Azure App Insights which in turn gives you a lot of useful telemetry about the customers view of your shop and can help you to workout performance issues and usage issues to optimize your store for great customer journey.
With the results from App Insights I was able to determine there was a plugin app from the Shopify app store which had a couple of performance issues which we removed and the customers store worked much better.