search 상품 검색 클릭 정보수집

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

@@ -616,4 +616,5 @@ export const LOG_MESSAGE_ID = {
   MYPAGE_CLICK: "AL_MYPAGE_CLICK",
   HOTPICKS_SHOWN: "AL_HOTPCIKS_SHOWN",
   HOTPICKS_CLICK: "AL_HOTPICKS_CLICK",
+  SEARCH_RESULT_CLICK: "AL_SEARCH_RESULT_CLICK",
 };

com.twin.app.shoptime/src/views/CategoryPanel/CategoryPanel.jsx

@@ -325,7 +325,7 @@ const CategoryPanel = ({ panelInfo, isOnTop, spotlightId }) => {
 
       const params = {
         tabTitle: tabRef.current === 0 ? "ITEM" : "SHOWS",
-        sortType: dropDownTabRef.current === 0 ? "NEW" : "POPULAR",
+        sortType: dropDownTabRef.current === 0 ? "NEW" : "MOST POPULAR",
         contextName: LOG_CONTEXT_NAME.CATEGORY,
         messageId: LOG_MESSAGE_ID.CONTENTCLICK,
       };

com.twin.app.shoptime/src/views/SearchPanel/SearchResults/SearchCard/SearchItemCard.jsx

@@ -6,10 +6,17 @@ import Spotlight from "@enact/spotlight";
 import Spottable from "@enact/spotlight/Spottable";
 
 import defaultImageItem from "../../../../../assets/images/img-thumb-empty-product@3x.png";
-import { sendLogSearchClick } from "../../../../actions/logActions";
+import {
+  sendLogSearchClick,
+  sendLogTotalRecommend,
+} from "../../../../actions/logActions";
 import { pushPanel, updatePanel } from "../../../../actions/panelActions";
 import CustomImage from "../../../../components/CustomImage/CustomImage";
-import { panel_names } from "../../../../utils/Config";
+import {
+  LOG_CONTEXT_NAME,
+  LOG_MESSAGE_ID,
+  panel_names,
+} from "../../../../utils/Config";
 import { getTranslate3dValueByDirection } from "../../../../utils/helperMethods";
 import { SpotlightIds } from "../../../../utils/SpotlightIds";
 import css from "./SearchItemCard.module.less";
@@ -47,6 +54,18 @@ export default memo(function SearchItemCard({
   ...rest
 }) {
   const dispatch = useDispatch();
+  const sendLog = (newParams) => {
+    const logParams = {
+      ...newParams,
+      productId: contentId,
+      productTitle: title,
+      partner: patncNm,
+      price: dcPrice ? dcPrice : price,
+      contextName: LOG_CONTEXT_NAME.SEARCH,
+      messageId: LOG_MESSAGE_ID.SEARCH_RESULT_CLICK,
+    };
+    dispatch(sendLogTotalRecommend(logParams));
+  };
 
   const [firstChk, setFirstChk] = useState(0);
 
@@ -55,6 +74,9 @@ export default memo(function SearchItemCard({
 
   const handleItemClick = useCallback(
     (e) => {
+      sendLog({
+        resultType: "item",
+      });
       const tokkens = contentId && contentId.split("_");
       const patnrId = tokkens[4] || "";
       const prdtId = tokkens[5] || "";

com.twin.app.shoptime/src/views/SearchPanel/SearchResults/SearchCard/SearchShowCard.jsx

@@ -7,10 +7,18 @@ import Spottable from "@enact/spotlight/Spottable";
 
 import defaultShowImage from "../../../../../assets/images/img-thumb-empty-product@3x.png";
 import IcLiveShow from "../../../../../assets/images/tag/tag-liveshow.svg";
-import { sendLogSearchClick } from "../../../../actions/logActions";
+import {
+  sendLogSearchClick,
+  sendLogTotalRecommend,
+} from "../../../../actions/logActions";
 import { pushPanel, updatePanel } from "../../../../actions/panelActions";
 import CustomImage from "../../../../components/CustomImage/CustomImage";
-import { LOG_TP_NO, panel_names } from "../../../../utils/Config";
+import {
+  LOG_CONTEXT_NAME,
+  LOG_MESSAGE_ID,
+  LOG_TP_NO,
+  panel_names,
+} from "../../../../utils/Config";
 import { getTranslate3dValueByDirection } from "../../../../utils/helperMethods";
 import { SpotlightIds } from "../../../../utils/SpotlightIds";
 import css from "./SearchShowCard.module.less";
@@ -32,8 +40,23 @@ export default memo(function SearchShowCard({
 
   const dispatch = useDispatch();
 
+  const sendLog = (newParams) => {
+    const logParams = {
+      ...newParams,
+      contentId: contentId,
+      contentTitle: title,
+      partner: patncNm,
+      contextName: LOG_CONTEXT_NAME.SEARCH,
+      messageId: LOG_MESSAGE_ID.SEARCH_RESULT_CLICK,
+    };
+    dispatch(sendLogTotalRecommend(logParams));
+  };
+
   const handleShowClick = useCallback(
     (e) => {
+      sendLog({
+        resultType: "show",
+      });
       const tokkens = contentId && contentId.split("_");
       const linkTpCd = tokkens[1] || "";
       const patnrId = tokkens[4] || "";

com.twin.app.shoptime/src/views/SearchPanel/SearchResults/SearchCard/SearchThemeCard.jsx

@@ -6,11 +6,18 @@ import Spotlight from "@enact/spotlight";
 import Spottable from "@enact/spotlight/Spottable";
 
 import { pushPanel, updatePanel } from "../../../../actions/panelActions";
-import { panel_names } from "../../../../utils/Config";
+import {
+  LOG_CONTEXT_NAME,
+  LOG_MESSAGE_ID,
+  panel_names,
+} from "../../../../utils/Config";
 import { getTranslate3dValueByDirection } from "../../../../utils/helperMethods";
 import { SpotlightIds } from "../../../../utils/SpotlightIds";
 import css from "./SearchThemeCard.module.less";
-import { sendLogSearchClick } from "../../../../actions/logActions";
+import {
+  sendLogSearchClick,
+  sendLogTotalRecommend,
+} from "../../../../actions/logActions";
 
 const ThemeContainer = Spottable("div");
 
@@ -27,6 +34,17 @@ export default memo(function SearchThemeCard({
 }) {
   const dispatch = useDispatch();
 
+  const sendLog = (newParams) => {
+    const logParams = {
+      ...newParams,
+      contentId: contentId,
+      contentTitle: title,
+      partner: patncNm,
+      contextName: LOG_CONTEXT_NAME.SEARCH,
+      messageId: LOG_MESSAGE_ID.SEARCH_RESULT_CLICK,
+    };
+    dispatch(sendLogTotalRecommend(logParams));
+  };
   const [firstChk, setFirstChk] = useState(0);
 
   const handleThemeClick = useCallback(
@@ -43,6 +61,10 @@ export default memo(function SearchThemeCard({
       const xContainer = tItemCard?.parentNode?.parentNode;
       const yContainer = tBody?.children[0]?.children[0]?.children[0];
 
+      sendLog({
+        resultType: type,
+      });
+
       if (xContainer && yContainer) {
         const section = "search-theme";
         const x = getTranslate3dValueByDirection(xContainer);
@@ -79,21 +101,17 @@ export default memo(function SearchThemeCard({
         })
       );
 
-      dispatch(sendLogSearchClick({
+      dispatch(
+        sendLogSearchClick({
           curationId,
           curationNm: title,
           keyword: searchQueryRef.current,
           patncNm,
           patnrId,
-      }));
+        })
+      );
     },
-    [
-      contentId,
-      dispatch,
-      idx,
-      patncNm,
-      title,
-    ]
+    [contentId, dispatch, idx, patncNm, title]
   );
   const keywordText = (keyword) => {
     let text = "";