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

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

@@ -27,6 +27,7 @@ const Showroom = ({
   handleItemFocus,
   order,
   shelfOrder,
+  shelfTitle,
   selectedPatnrId,
   selectedPatncNm,
   spotlightId,
@@ -109,6 +110,8 @@ const Showroom = ({
               selectedRoomId={selectedRoomId}
               selectedRoomThemeInfoItem={selectedRoomThemeInfoItem}
               spotlightId={spotlightId}
+              shelfOrder={shelfOrder}
+              shelfTitle={shelfTitle}
             />
           )
         )}

com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Showroom/ShowroomContents/ShowroomContents.jsx

@@ -11,10 +11,15 @@ import {
 
 import { pushPanel, updatePanel } from "../../../../actions/panelActions";
 import { removeDotAndColon } 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 "./ShowroomContents.module.less";
 import ShowroomProductList from "./ShowroomProductList/ShowroomProductList";
 import ShowroomThumbnailCard from "./ShowroomThumbnailCard/ShowroomThumbnailCard";
+import { sendLogTotalRecommend } from "../../../../actions/logActions";
 
 const Container = SpotlightContainerDecorator(
   { leaveFor: { right: "" }, enterTo: "last-focused" },
@@ -29,6 +34,8 @@ const ShowroomContents = ({
   selectedRoomId,
   selectedRoomThemeInfoItem,
   spotlightId,
+  shelfOrder,
+  shelfTitle,
 }) => {
   const dispatch = useDispatch();
 
@@ -105,6 +112,20 @@ const ShowroomContents = ({
         },
       })
     );
+
+    dispatch(
+      sendLogTotalRecommend({
+        contextName: LOG_CONTEXT_NAME.FEATURED_BRANDS,
+        messageId: LOG_MESSAGE_ID.SHELF_CLICK,
+        partner: selectedPatncNm,
+        shelfLocation: shelfOrder,
+        shelfTitle: shelfTitle,
+        shelfId: spotlightId,
+        location: themeExpsOrd,
+        contentTitle: themeNm,
+        contentId: themeId,
+      })
+    );
   }, [
     dispatch,
     panelInfo?.patnrId,
@@ -145,6 +166,9 @@ const ShowroomContents = ({
           themeExpsOrd={themeExpsOrd}
           themeId={themeId}
           themeNm={themeNm}
+          shelfOrder={shelfOrder}
+          shelfTitle={shelfTitle}
+          spotlightId={spotlightId}
         />
       </div>
     </Container>

com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Showroom/ShowroomContents/ShowroomProductList/ShowroomProductList.jsx

@@ -11,7 +11,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,6 +31,9 @@ export default function ShowroomProductList({
   themeExpsOrd,
   themeId,
   themeNm,
+  shelfOrder,
+  shelfTitle,
+  spotlightId,
 }) {
   const { getScrollTo, scrollLeft } = useScrollTo();
 
@@ -149,15 +156,27 @@ export default function ShowroomProductList({
       const {
         offerInfo,
         patnrId,
-        // prdtExpsOrd,
+        prdtExpsOrd,
         prdtId,
         prdtImgUrl,
         prdtNm,
         priceInfo,
+        catNm,
+        brndNm,
       } = roomThemeProducts[index];
 
       return (
         <TItemCard
+          contextName={LOG_CONTEXT_NAME.FEATURED_BRANDS}
+          messageId={LOG_MESSAGE_ID.SHELF_CLICK}
+          patnerName={selectedPatncNm}
+          shelfLocation={shelfOrder}
+          shelfTitle={shelfTitle}
+          shelfId={spotlightId}
+          contentId={themeId}
+          contentTitle={themeNm}
+          order={prdtExpsOrd}
+          catNm={catNm}
           data-exposure-order={themeExpsOrd}
           imageAlt={prdtNm}
           imageSource={prdtImgUrl}
@@ -167,6 +186,7 @@ export default function ShowroomProductList({
           priceInfo={priceInfo}
           productId={prdtId}
           productName={prdtNm}
+          brandName={brndNm}
           spotlightId={"showroom-spotlightId-" + removeDotAndColon(prdtId)}
           label={index * 1 + 1 + " of " + roomThemeProducts.length}
           lastLabel=" go to detail, button"
@@ -174,7 +194,7 @@ export default function ShowroomProductList({
         />
       );
     },
-    [handleClick, handleFocus, roomThemeProducts, themeExpsOrd]
+    [handleClick, handleFocus, roomThemeProducts, selectedPatncNm, themeExpsOrd]
   );
 
   return (