[통합로그 API No.8] FeaturedBrands LiveChannel 가로형 모드 클릭스 로그 정보 수집

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

@@ -15,7 +15,11 @@ import TItemCard, {
   IMAGETYPES,
   TYPES,
 } from "../../../../components/TItemCard/TItemCard";
-import { panel_names } from "../../../../utils/Config";
+import {
+  LOG_CONTEXT_NAME,
+  LOG_MESSAGE_ID,
+  panel_names,
+} from "../../../../utils/Config";
 import css from "./LiveChannelsHorizontalContents.module.less";
 import LiveChannelsHorizontalProductList from "./LiveChannelsHorizontalProductList/LiveChannelsHorizontalProductList";
 
@@ -30,6 +34,8 @@ const LiveChannelsHorizontalContents = ({
   handleItemFocus,
   selectedPatnrId,
   spotlightId,
+  shelfOrder,
+  shelfTitle,
 }) => {
   const dispatch = useDispatch();
 
@@ -45,6 +51,8 @@ const LiveChannelsHorizontalContents = ({
     showUrl,
     thumbnailImgPath,
     vtctpYn,
+    chanNm,
+    brndNm,
   } = brandChanInfoItem;
 
   const isVertical = vtctpYn === "Y";
@@ -125,7 +133,17 @@ const LiveChannelsHorizontalContents = ({
       spotlightId={`${spotlightId}-${contentsIndex}`}
     >
       <TItemCard
+        contextName={LOG_CONTEXT_NAME.FEATURED_BRANDS}
+        messageId={LOG_MESSAGE_ID.SHELF_CLICK}
         catNm={lgCatNm}
+        order={rankOrd}
+        patnerName={chanNm}
+        brandName={brndNm}
+        shelfLocation={shelfOrder}
+        shelfTitle={shelfTitle}
+        shelfId={spotlightId}
+        contentId={showId}
+        contentTitle={showNm}
         data-video-card={"live-channels-horizontal-video-card-" + contentsIndex}
         imageAlt={showNm}
         imageSource={thumbnailImgPath}
@@ -141,6 +159,8 @@ const LiveChannelsHorizontalContents = ({
         firstLabel={rankText + "SHOW "}
       />
       <LiveChannelsHorizontalProductList
+        chanNm={chanNm}
+        showNm={showNm}
         brandProductInfo={brandProductInfo}
         chanId={chanId}
         contentsIndex={contentsIndex}
@@ -149,6 +169,10 @@ const LiveChannelsHorizontalContents = ({
         selectedPatnrId={selectedPatnrId}
         showId={showId}
         showUrl={showUrl}
+        shelfOrder={shelfOrder}
+        shelfTitle={shelfTitle}
+        shelfId={spotlightId}
+        order={rankOrd}
       />
     </Container>
   );

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

@@ -12,7 +12,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 } from "../../../../../utils/helperMethods";
 import css from "./LiveChannelsHorizontalProductList.module.less";
 
@@ -25,6 +29,13 @@ export default memo(function LiveChannelsHorizontalProductList({
   selectedPatnrId,
   showId,
   showUrl,
+  showNm,
+  chanNm,
+  shelfOrder,
+  shelfTitle,
+  shelfId,
+  catNm,
+  order,
 }) {
   const { getScrollTo, scrollLeft } = useScrollTo();
 
@@ -132,10 +143,21 @@ export default memo(function LiveChannelsHorizontalProductList({
         prdtNm,
         priceInfo,
         soldoutFlag,
+        catNm,
       } = brandProductInfo[index];
 
       return (
         <TItemCard
+          contextName={LOG_CONTEXT_NAME.FEATURED_BRANDS}
+          messageId={LOG_MESSAGE_ID.SHELF_CLICK}
+          shelfId={shelfId}
+          shelfLocation={shelfOrder}
+          shelfTitle={shelfTitle}
+          patnerName={chanNm}
+          contentId={showId}
+          contentTitle={showNm}
+          order={order}
+          catNm={catNm}
           data-exposure-order={contentsIndex + 1}
           data-product-card={"live-channels-product-card-" + contentsIndex}
           imageAlt={prdtNm}