[통합로그API No.6] second Deth Menu 로그 정보 수집

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

@@ -1599,7 +1599,7 @@ export const sendLogTotalRecommend = (params) => (dispatch, getState) => {
 
   const logCreateTime = new Date().toISOString();
 
-  // console.log("#params", params);
+  console.log("#params", params);
 
   const newParams = {
     ...params,

com.twin.app.shoptime/src/components/TabLayout/TabItemSub.jsx

@@ -8,6 +8,9 @@ import { Marquee, MarqueeController } from "@enact/sandstone/Marquee";
 import Spottable from "@enact/spotlight/Spottable";
 
 import css from "./TabItemSub.module.less";
+import { sendLogTotalRecommend } from "../../actions/logActions";
+import { LOG_CONTEXT_NAME, LOG_MESSAGE_ID } from "../../utils/Config";
+import { useDispatch } from "react-redux";
 
 const SpottableComponent = Spottable("div");
 
@@ -15,6 +18,7 @@ const TabItemBase = ({
   selected = false,
   expanded = false,
   index = 0,
+  mainMenuTitle,
   title,
   target,
   deActivateTab,
@@ -33,12 +37,14 @@ const TabItemBase = ({
   ...rest
 }) => {
   const [focused, setFocused] = useState(false);
-
+  const dispatch = useDispatch();
   const itemRef = useRef();
   const clearPressedJob = useRef(new Job((func) => func(), 0));
 
   const _onClick = useCallback(
     (ev) => {
+      const subtitle = title.split("-")[0];
+
       clearPressedJob.current.start(() => {
         if (itemId) {
           setSelectedSubItemId(itemId);
@@ -51,6 +57,15 @@ const TabItemBase = ({
         if (onClick) {
           onClick({ target, itemId });
         }
+
+        dispatch(
+          sendLogTotalRecommend({
+            contextName: LOG_CONTEXT_NAME.GNB,
+            messageId: LOG_MESSAGE_ID.GNB,
+            preButtonTitle: mainMenuTitle,
+            buttonTitle: patncNm ? patncNm : subtitle,
+          })
+        );
       });
     },
     [target, itemId, onClick, spotlightId, setSelectedSubItemId, setLastFocusId]

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

@@ -877,6 +877,9 @@ export default function TabLayout({ topPanelName, onTabActivated, panelInfo }) {
                         return (
                           <TabItemSub
                             {...item}
+                            mainMenuTitle={
+                              tabs && tabs[mainSelectedIndex]?.title
+                            }
                             key={"tabitemSubmenu" + index}
                             spotlightId={item.spotlightId}
                             setLastFocusId={setSubTabLastFocusId}

com.twin.app.shoptime/src/utils/Config.js

@@ -589,6 +589,7 @@ export const LOG_CONTEXT_NAME = {
   YOUMAYLIKE: "shoptime.youmayalsolike",
   SHOW: "shoptime.show",
   SHOPBYMOBILE: "shoptime.shopbymobile",
+  GNB: "shoptime.gnb",
 };
 
 export const LOG_MESSAGE_ID = {
@@ -598,5 +599,6 @@ export const LOG_MESSAGE_ID = {
   CONTENTCLICK: "AL_PAGE_CONTENT_CLICK",
   SHOWVIEW: "AL_SHOW_VIEW_CHANGE",
   SHELF: "AL_SHELF_LIST_SHOWN",
-  SMB: "AL_SBM"
+  SMB: "AL_SBM",
+  GNB: "AL_GNB_CLICK",
 };