Use Shopify web pixel extensions to capture most-viewed product pages
Try out Gadget: https://ggt.link/build-shopify
In this video, we will build an app that uses Shopify web pixel extensions to track the most-viewed product pages in a storefront. We will also use Gadget's computed fields and realtime queries to display the view count in an embedded admin app.
Fork this app: https://app.gadget.dev/auth/fork?doma...
Shopify web pixel extension tutorial: https://shopify.dev/docs/apps/build/m...
HTTP routes in Gadget: https://docs.gadget.dev/guides/http-r...
Computed fields docs: https://docs.gadget.dev/guides/data-a...
Live/realtime query docs: https://docs.gadget.dev/guides/fronte...
Chapters
00:00 Intro
01:12 Connect to Shopify
06:12 Add a model for pixel data
08:19 Add a computed field for view count
09:40 Add custom field to shopifyShop
10:24 Add a HTTP route to receive pixel data
13:49 Set up web pixel extension
20:01 Deploy and connect web pixel
22:50 Test the web pixel
25:36 Build embedded frontend table
30:01 Use realtime queries to update view count
31:55 Setup pixel on shopifyShop install
34:35 Outro