From 512fac3ed0862eccbbaee8febcbda841fb14284e Mon Sep 17 00:00:00 2001
From: Elisea Cornejo <ecornejo@adobe.com>
Date: Tue, 18 Feb 2025 16:08:53 +0100
Subject: [PATCH] Change the product view call mutation

---
 blocks/product-details/product-details.js | 5 -----
 scripts/delayed.js                        | 5 +++++
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/blocks/product-details/product-details.js b/blocks/product-details/product-details.js
index 6bc629e94e..4125f0e999 100644
--- 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
index dcfd103f00..50095a5259 100644
--- 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');