👉 Contact me for support:
Email: [email protected]
Whatsapp: +8801723770763
Linkedin: linkedin.com/in/md-h/
- Go to theme edit and paste GTM tracking code right after
<head>tag intheme.liquidfile - Inside the
snippetsfolder create a new file asultimate-datalayer. Copy all of the code fromultimate-datalayer.liquidof this repository to sinppet fileultimate-datalayer.liquid. - In the
theme.liquidfile after your GTM tracking code includeultimate-datalayer.liquidfile as{% render 'ultimate-datalayer' %} - From your Shopify Admin Dashboard, navigate to Settings → Customer events. In the top-right corner, click Add custom pixel to create a new custom pixel. Next, enter a title for the pixel and create it. Remove all commented code from the code editor. Then, copy the entire code from the GitHub file checkout-webpixel.js and paste it into the code field of your new custom pixel. At the very top of the code, replace the sample GTM Tracking ID GTM-00000000 with your actual Google Tag Manager ID. If you’re using server-side tagging with a custom domain, update the Tag Manager URL to match your website’s subdomain.
- In the Customer privacy settings section - For the Permission option, select Not required – The pixel will always run and for the Data sale option, choose Data collected does not qualify as data sale.
- Finally, click connect button in the top right corner to connect custom pixel.
- Depending on your Shopify theme, you might have to make some adjustments. For more information, please refer to the video below.
- view_item
- view_item_list
- select_item
- add_to_cart
- remove_from_cart
- view_cart
- view_item_list
- begin_checkout
- add_to_wishlist
- add_payment_info
- add_shopping_info
- purchase
- contact_form_submit
- newsletter_signup
- search
- phone_number_click
- email_click
- Logged customer and on the checkout page customer details included as customer object with dataLayer
- Event Parameters: currency, value, transaction_id, coupon, shipping, vat, items, item_list_name, item_list_id
- Items Parameters item_id, item_name, quantity, price, discount, item_brand, item_category, item_variant, sku, item_list_name, item_list_id
With all general event tracking it also tracks following special events
- DataLayer event prefix
- Quick View Event Tracking (as view_item)
- Mini Cart and Dropdown Cart, Cart Drawer Tracking (as view_cart)
- Shopify Direct Checkout Tracking ( as add_to_cart & begin_checkout)
- Sticky Cart, Sidebar Cart, etc Tracking ( as add_to_cart)
- Shopify Ajax Search Tracking ( as search )
- Events was tacked by Ajax Response so no data discrepancy for edge cases
- No jQuery, no 3rd Party Scripet was included, all code was written ES6 Object Oriented Way. Added proper error handling so that there is no JS error
For more information, please watch the video below.
