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

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

@@ -28,6 +28,7 @@ const RecommendedShows = ({
   handleItemFocus,
   order,
   shelfOrder,
+  shelfTitle,
   spotlightId,
   selectedCatCd,
   selectedPatncNm,
@@ -117,6 +118,8 @@ const RecommendedShows = ({
             selectedCatNm={selectedCatNm}
             selectedPatnrId={selectedPatnrId}
             spotlightId={spotlightId}
+            shelfOrder={shelfOrder}
+            shelfTitle={shelfTitle}
           />
         )
       )}

com.twin.app.shoptime/src/views/FeaturedBrandsPanel/RecommendedShows/RecommendedShowsContents/RecommendedShowsContents.jsx

@@ -12,7 +12,11 @@ import {
 import { updatePanel } from "../../../../actions/panelActions";
 import { startVideoPlayer } from "../../../../actions/playActions";
 import TItemCard, { 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 "./RecommendedShowsContents.module.less";
 import RecommendedShowsProductList from "./RecommendedShowsProductList/RecommendedShowsProductList";
 
@@ -29,6 +33,8 @@ const RecommendedShowsContents = ({
   selectedCatNm,
   selectedPatnrId,
   spotlightId,
+  shelfOrder,
+  shelfTitle,
 }) => {
   const dispatch = useDispatch();
 
@@ -44,6 +50,9 @@ const RecommendedShowsContents = ({
     showId,
     showNm,
     thumbnailUrl,
+    patncNm,
+    expsOrd,
+    brndNm,
   } = brandRecommendedShowInfoItem;
 
   const rankOrd = contentsIndex * 1 + 1;
@@ -128,7 +137,17 @@ const RecommendedShowsContents = ({
       spotlightId={`${spotlightId}-${contentsIndex}`}
     >
       <TItemCard
+        contextName={LOG_CONTEXT_NAME.FEATURED_BRANDS}
+        messageId={LOG_MESSAGE_ID.SHELF_CLICK}
+        shelfLocation={shelfOrder}
+        shelfTitle={shelfTitle}
+        shelfId={spotlightId}
+        brandName={brndNm}
+        contentId={showId}
+        contentTitle={showNm}
+        patnerName={patncNm}
         catNm={selectedCatNm}
+        order={expsOrd}
         data-video-card={"recommended-shows-video-card-" + contentsIndex}
         imageAlt={showNm}
         imageSource={thumbnailUrl}
@@ -151,6 +170,13 @@ const RecommendedShowsContents = ({
         selectedPatnrId={selectedPatnrId}
         showId={showId}
         videoThumbnail={thumbnailUrl}
+        spotlightId={spotlightId}
+        shelfOrder={shelfOrder}
+        shelfTitle={shelfTitle}
+        patnerName={patncNm}
+        contentId={showId}
+        contentTitle={showNm}
+        catNm={selectedCatNm}
       />
     </Container>
   );

com.twin.app.shoptime/src/views/FeaturedBrandsPanel/RecommendedShows/RecommendedShowsContents/RecommendedShowsProductList/RecommendedShowsProductList.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,
   scaleH,
@@ -29,6 +33,13 @@ export default function RecommendedShowsProductList({
   selectedCatCd,
   selectedPatnrId,
   showId,
+  shelfOrder,
+  shelfTitle,
+  spotlightId,
+  patnerName,
+  contentTitle,
+  contentId,
+  catNm,
 }) {
   const { getScrollTo, scrollLeft } = useScrollTo();
 
@@ -144,10 +155,22 @@ export default function RecommendedShowsProductList({
         prdtNm,
         priceInfo,
         soldoutFlag,
+        brndNm,
       } = brandRecommendedShowProductInfo[index];
 
       return (
         <TItemCard
+          contextName={LOG_CONTEXT_NAME.FEATURED_BRANDS}
+          messageId={LOG_MESSAGE_ID.SHELF_CLICK}
+          shelfLocation={shelfOrder}
+          shelfTitle={shelfTitle}
+          shelfId={spotlightId}
+          patnerName={patnerName}
+          catNm={catNm}
+          order={index + 1}
+          contentTitle={contentTitle}
+          contentId={contentId}
+          brandName={brndNm}
           data-exposure-order={contentsIndex + 1}
           data-product-card={"recommended-shows-product-card-" + contentsIndex}
           imageAlt={prdtNm}