[통합로그API No.8] FeaturedBrands LiveChannel Content 클릭 시 로그 정보 수집

com.twin.app.shoptime/src/actions/logActions.js

@@ -1590,12 +1590,17 @@ export const sendLogCheckOutBtnClick = (params) => (dispatch, getState) => {
 // IF-LGSP-LOG-200 / 통합 추천 로그
 
 export const sendLogTotalRecommend = (params) => (dispatch, getState) => {
+  let localMacAddress;
+
   const { entryMenu } = getState().common.menu;
   const { macAddress } = getState().common.macAddress;
   const userNumber = getState().common.appStatus.loginUserData.userNumber;
 
   const macAddr = macAddress?.wired ? macAddress?.wired : macAddress?.wifi;
-  const localMacAddress = "00:1A:2B:3C:4D:5E";
+
+  if (typeof window === "object" && !window.PalmSystem) {
+    localMacAddress = "00:1A:2B:3C:4D:5E";
+  }
 
   const logCreateTime = new Date().toISOString();
 

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

@@ -121,7 +121,7 @@ export default memo(function TItemCard({
             shelfLocation: shelfLocation,
             shelfId: shelfId,
             shelfTitle: shelfTitle,
-            productId: contentId ? "" : productId,
+            productId: productId,
             productTitle: productName,
             partner: patnerName,
             brand: brandName,
@@ -132,6 +132,8 @@ export default memo(function TItemCard({
             contentId: contentId,
             contentTitle: contentTitle,
           };
+
+          console.log("#params", params);
           dispatch(sendLogTotalRecommend(params));
         }
       }

com.twin.app.shoptime/src/views/FeaturedBrandsPanel/LiveChannels/LiveChannels.jsx

@@ -30,6 +30,7 @@ const LiveChannels = ({
   isOnTop,
   order,
   shelfOrder,
+  shelfTitle,
   selectedPatnrId,
   spotlightId,
 }) => {
@@ -162,6 +163,9 @@ const LiveChannels = ({
                         isOnTop={isOnTop}
                         key={`${spotlightId}-${contentsIndex}`}
                         selectedPatnrId={selectedPatnrId}
+                        spotlightId={spotlightId}
+                        shelfTitle={shelfTitle}
+                        shelfOrder={shelfOrder}
                       />
                     )
                 )}
@@ -180,6 +184,8 @@ const LiveChannels = ({
                       key={`${spotlightId}-${contentsIndex}`}
                       selectedPatnrId={selectedPatnrId}
                       spotlightId={spotlightId}
+                      shelfTitle={shelfTitle}
+                      shelfOrder={shelfOrder}
                     />
                   )
               )}

com.twin.app.shoptime/src/views/FeaturedBrandsPanel/LiveChannels/LiveChannelsVerticalContents/LiveChannelsVerticalContents.jsx

@@ -47,6 +47,9 @@ const LiveChannelsVerticalContents = ({
   handleItemFocus,
   isOnTop,
   selectedPatnrId,
+  spotlightId,
+  shelfTitle,
+  shelfOrder,
 }) => {
   const dispatch = useDispatch();
 
@@ -60,8 +63,17 @@ const LiveChannelsVerticalContents = ({
   const isFullScreenModeActivedRef = useRef(false);
   const videoFocusTimeoutJob = useRef(new Job((func) => func(), 1000));
 
-  const { brandProductInfo, chanId, patnrId, showId, showUrl } =
-    brandChanInfoItem;
+  const {
+    brandProductInfo,
+    chanId,
+    patnrId,
+    showId,
+    showUrl,
+    showNm,
+    lgCatNm,
+    chanNm,
+    brndNm,
+  } = brandChanInfoItem;
 
   const isJuvelirochka = useMemo(
     () => cntry_cd === "RU" && patnrId === "12",
@@ -162,19 +174,15 @@ const LiveChannelsVerticalContents = ({
 
       dispatch(
         sendLogTotalRecommend({
-          partner: "",
-          shelfLocation: "",
-          shelfId: "",
-          shelfTitle: "",
-          contentId: "",
-          contentTitle: "",
-          productId: "",
-          productTitle: "",
-          brand: "",
-          price: "",
-          discount: "",
-          location: "",
-          category: "",
+          partner: chanNm,
+          shelfLocation: shelfOrder,
+          shelfId: spotlightId,
+          shelfTitle: shelfTitle,
+          contentId: showId,
+          contentTitle: showNm,
+          brand: brndNm,
+          location: contentsIndex + 1,
+          category: lgCatNm,
         })
       );
 
@@ -222,7 +230,13 @@ const LiveChannelsVerticalContents = ({
           patnrId={patnrId}
           selectedPatnrId={selectedPatnrId}
           showId={showId}
+          showNm={showNm}
           showUrl={showUrl}
+          spotlightId={spotlightId}
+          shelfOrder={shelfOrder}
+          shelfTitle={shelfTitle}
+          catNm={lgCatNm}
+          patnerName={chanNm}
         />
       ) : (
         <figure>

com.twin.app.shoptime/src/views/FeaturedBrandsPanel/LiveChannels/LiveChannelsVerticalContents/LiveChannelsVerticalProductList/LiveChannelsVerticalProductList.jsx

@@ -13,7 +13,11 @@ 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,
   scaleH,
@@ -27,7 +31,13 @@ export default function LiveChannelsVerticalProductList({
   patnrId,
   selectedPatnrId,
   showId,
+  showNm,
   showUrl,
+  catNm,
+  patnerName,
+  shelfOrder,
+  shelfTitle,
+  spotlightId,
 }) {
   const { getScrollTo, scrollTop } = useScrollTo();
 
@@ -121,10 +131,22 @@ export default function LiveChannelsVerticalProductList({
         prdtNm,
         priceInfo,
         soldoutFlag,
+        brndNm,
       } = brandProductInfo[index];
 
       return (
         <TItemCard
+          contextName={LOG_CONTEXT_NAME.FEATURED_BRANDS}
+          messageId={LOG_MESSAGE_ID.SHELF_CLICK}
+          order={index + 1}
+          brandName={brndNm}
+          catNm={catNm}
+          contentId={showId}
+          contentTitle={showNm}
+          patnerName={patnerName}
+          shelfId={spotlightId}
+          shelfLocation={shelfOrder}
+          shelfTitle={shelfTitle}
           imageAlt={prdtNm}
           imageSource={prdtImgUrl}
           onClick={handleClick(prdtId, index)}