[통합로그 API No.10] onsale 화면내에서 content 클릭 시 로그 정보 수집

com.twin.app.shoptime/src/components/TItemCard/TItemCard.jsx

@@ -75,6 +75,7 @@ export default memo(function TItemCard({
   shelfTitle,
   contentId,
   contentTitle,
+  categoryTitle,
   ...rest
 }) {
   const dispatch = useDispatch();
@@ -116,6 +117,7 @@ export default memo(function TItemCard({
 
         if (contextName && messageId) {
           const params = {
+            categoryTitle: categoryTitle,
             contextName: contextName,
             messageId: messageId,
             shelfLocation: shelfLocation,
@@ -133,7 +135,7 @@ export default memo(function TItemCard({
             contentTitle: contentTitle,
           };
 
-          console.log("#params", params);
+          // console.log("#params", params);
           dispatch(sendLogTotalRecommend(params));
         }
       }

com.twin.app.shoptime/src/views/OnSalePanel/OnSaleContents/OnSaleContents.jsx

@@ -36,8 +36,6 @@ export default memo(function OnSaleContents({
       shelfTitle: saleNm,
     };
     dispatch(sendLogTotalRecommend(params));
-
-    console.log("#params", params);
   }, [selectedLgCatNm, shelfOrder, selectedLgCatCd, saleNm]);
 
   return (
@@ -57,6 +55,10 @@ export default memo(function OnSaleContents({
         isTopButtonClicked={isTopButtonClicked}
         saleProductInfos={saleProductInfos}
         selectedLgCatCd={selectedLgCatCd}
+        selectedLgCatNm={selectedLgCatNm}
+        spotlightId={spotlightId}
+        shelfOrder={shelfOrder}
+        shelfTitle={saleNm}
       />
     </Container>
   );

com.twin.app.shoptime/src/views/OnSalePanel/OnSaleContents/OnSaleProductList/OnSaleProductList.jsx

@@ -13,7 +13,11 @@ import { pushPanel, updatePanel } from "../../../../actions/panelActions";
 import TItemCard from "../../../../components/TItemCard/TItemCard";
 import TVirtualGridList from "../../../../components/TVirtualGridList/TVirtualGridList";
 import useScrollTo from "../../../../hooks/useScrollTo";
-import { panel_names } from "../../../../utils/Config";
+import {
+  LOG_CONTEXT_NAME,
+  LOG_MESSAGE_ID,
+  panel_names,
+} from "../../../../utils/Config";
 import {
   getTranslate3dValueByDirection,
   scaleW,
@@ -30,6 +34,10 @@ export default function OnSaleProductList({
   isTopButtonClicked,
   saleProductInfos,
   selectedLgCatCd,
+  selectedLgCatNm,
+  shelfOrder,
+  shelfTitle,
+  spotlightId,
 }) {
   const { getScrollTo, scrollLeft } = useScrollTo();
 
@@ -149,11 +157,29 @@ export default function OnSaleProductList({
 
   const renderItem = useCallback(
     ({ index, ...rest }) => {
-      const { imgUrl, lgCatCd, patnrId, prdtNm, prdtId, priceInfo, offerInfo } =
-        saleProductInfos[index];
+      const {
+        imgUrl,
+        lgCatCd,
+        patnrId,
+        prdtNm,
+        prdtId,
+        priceInfo,
+        offerInfo,
+        patncNm,
+        brndNm,
+      } = saleProductInfos[index];
 
       return (
         <TItemCard
+          contextName={LOG_CONTEXT_NAME.ON_SALE}
+          messageId={LOG_MESSAGE_ID.SHELF_CLICK}
+          shelfLocation={shelfOrder}
+          shelfTitle={shelfTitle}
+          shelfId={spotlightId}
+          categoryTitle={selectedLgCatNm}
+          patnerName={patncNm}
+          brandName={brndNm}
+          order={contentsIndex + 1}
           className={css.tItemCard}
           data-lg-category-code={lgCatCd}
           data-exposure-order={contentsIndex + 1}