Feat: Added Shopify Analytics

[oybek-daniyarov]

Implementation of Shopify analytics with verce/commerce

Analytics have been enabled for the following events.

✅ Page view ✅ Add to cart (add to cart event, it will also enable tracking on checkout page and purchase event)

Todo

(I already have ready solution, but I'm afraid PR will get larger) I can do it in follow-up PR

• Product page view
• All Collection page view
• Single collection page view
• Product page view
• Product page view with variants

For Shopify's ADD_TO_CART analytics to function correctly, it's important to note that they will not work with localhost links directly due to cookie handling.

To enable these analytics features during local development, we can use ngrok

• Install ngrok: First, visit ngrok's website to download and install ngrok. This tool will create a secure tunnel to your localhost, making it accessible over the internet.
• Set Up a Custom Domain with ngrok: After installation, set up a custom domain through ngrok. This step is crucial as it ensures URL consistency, which helps maintain the cookies required for Shopify analytics.
• Expose Your Local Development Server: Suppose your local development server runs on port 3000. You can then expose it to the internet with the following ngrok command:

ngrok http --domain=YOUR_NGROK_DOMAIN 3000

Screenshot from Shopify dashboard

https://github.com/vercel/commerce/assets/100561459/2b846c2b-8b4a-4f9d-8cdf-9b300a1702ad

[vercel[bot]]

@oybek-daniyarov is attempting to deploy a commit to the Vercel Solutions Team on Vercel.

A member of the Team first needs to authorize it.

[lucaslosi]

just implemented this on my ecommerce, and worked as intended. thanks