Change the product view call mutation

hlxsites · Feb 18, 2025 · 512fac3 · 512fac3
1 parent c88850d
commit 512fac3
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/blocks/product-details/product-details.js b/blocks/product-details/product-details.js
@@ -19,7 +19,6 @@ import ProductQuantity from '@dropins/storefront-pdp/containers/ProductQuantity.
 import ProductDescription from '@dropins/storefront-pdp/containers/ProductDescription.js';
 import ProductAttributes from '@dropins/storefront-pdp/containers/ProductAttributes.js';
 import ProductGallery from '@dropins/storefront-pdp/containers/ProductGallery.js';
-import trackViewedProduct from '../../scripts/api/productTracking.js';
 
 // Libs
 import { setJsonLd } from '../../scripts/commerce.js';
@@ -221,10 +220,6 @@ export default async function decorate(block) {
     pdpRendered.render(ProductAttributes, {})($attributes),
   ]);
 
-  if (product) {
-    trackViewedProduct(product.sku);
-  }
-
   // Lifecycle Events
   events.on('pdp/valid', (valid) => {
     // update add to cart button disabled state based on product selection validity

diff --git a/scripts/delayed.js b/scripts/delayed.js
@@ -2,6 +2,7 @@
 import { getConfigValue } from './configs.js';
 import { getUserTokenCookie } from './initializers/index.js';
 import { getConsent } from './scripts.js';
+import trackViewedProduct from './api/productTracking.js';
 
 async function initAnalytics() {
   // Load Commerce events SDK and collector
@@ -34,6 +35,10 @@ async function initAnalytics() {
       },
     );
 
+    window.adobeDataLayer.push((dl) => {
+      dl.addEventListener('product-page-view', ({ eventInfo }) => trackViewedProduct(eventInfo.productContext.sku));
+    });
+
     // Load events SDK and collector
     import('./commerce-events-sdk.js');
     import('./commerce-events-collector.js');