2 files changed, 30 insertions, 0 deletions
diff --git a/src-migrate/modules/product-detail/components/ProductDetail.tsx b/src-migrate/modules/product-detail/components/ProductDetail.tsx
index 3b1bdbea..bfdf5b43 100644
--- a/src-migrate/modules/product-detail/components/ProductDetail.tsx
+++ b/src-migrate/modules/product-detail/components/ProductDetail.tsx
@@ -23,6 +23,8 @@ import SimilarBottom from './SimilarBottom'
 import SimilarSide from './SimilarSide'
 import VariantList from './VariantList'
 
+import { gtagProductDetail } from '@/core/utils/googleTag'
+
 type Props = {
   product: IProductDetail
 }
@@ -35,6 +37,10 @@ const ProductDetail = ({ product }: Props) => {
   const { setAskAdminUrl, askAdminUrl, activeVariantId } = useProductDetail()
 
   useEffect(() => {
+    gtagProductDetail(product);
+  },[product])
+
+  useEffect(() => {
     const createdAskUrl = whatsappUrl({
       template: 'product',
       payload: {
diff --git a/src/core/utils/googleTag.js b/src/core/utils/googleTag.js
index cc6d1283..65fad570 100644
--- a/src/core/utils/googleTag.js
+++ b/src/core/utils/googleTag.js
@@ -33,6 +33,20 @@ const sumTotal = (variants) => {
   }
 }
 
+const mapProducts = (product) => {
+  const res = {
+    item_id: product.id,
+    item_name: product.name,
+    discount: product.lowest_price.priceDiscount,
+    // index: 0,
+    item_brand: product.manufacture.name,
+    item_category: product.categories,
+    item_variant: product.variants,
+    price: product.lowest_price.price,
+    quantity: product.stock_total
+  }
+  return res
+}
 export const gtagAddToCart = (variant, quantity) => {
   const param = {
     currency: 'IDR',
@@ -77,3 +91,13 @@ export const gtagPurchase = (variants, shipping, transactionId) => {
   }
   gtag('event', 'purchase', param)
 }
+
+export const gtagProductDetail = (product) => {
+  const items = mapProducts(product)
+  const param = {
+    currency: 'IDR',
+    value: product.id,
+    items
+  }
+  gtag('event', 'view_item', param)
+}
+\ No newline at end of file