optrader/shoptime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[통합로그API No.5] Home Category Item Click log

Browse Source
This commit is contained in:
dongyoungKo
2025-05-15 18:14:47 +09:00
parent 24f87d5472
commit 34e038cd2f
4 changed files with 70 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
com.twin.app.shoptime/src/components/TItemCard/TItemCard.jsx
View File

@@ -1,32 +1,19 @@
import React, {
memo,
useCallback,
useEffect,
useMemo,
useState,
} from 'react';
import React, { memo, useCallback, useEffect, useMemo, useState } from "react";
import classNames from 'classnames';
import { useDispatch, useSelector } from 'react-redux';
import classNames from "classnames";
import { useDispatch, useSelector } from "react-redux";
import Spottable from '@enact/spotlight/Spottable';
import Spottable from "@enact/spotlight/Spottable";
import defaultLogoImg
from '../../../assets/images/ic-tab-partners-default@3x.png';
import defaultimgHorizontal
from '../../../assets/images/img-thumb-empty-hor@3x.png';
import defaultImageItem
from '../../../assets/images/img-thumb-empty-product@3x.png';
import defaultimgVertical
from '../../../assets/images/img-thumb-empty-ver@3x.png';
import IcLiveShow from '../../../assets/images/tag/tag-liveshow.png';
import usePriceInfo from '../../hooks/usePriceInfo';
import {
$L,
removeSpecificTags,
} from '../../utils/helperMethods';
import CustomImage from '../CustomImage/CustomImage';
import css from './TItemCard.module.less';
import defaultLogoImg from "../../../assets/images/ic-tab-partners-default@3x.png";
import defaultimgHorizontal from "../../../assets/images/img-thumb-empty-hor@3x.png";
import defaultImageItem from "../../../assets/images/img-thumb-empty-product@3x.png";
import defaultimgVertical from "../../../assets/images/img-thumb-empty-ver@3x.png";
import IcLiveShow from "../../../assets/images/tag/tag-liveshow.png";
import usePriceInfo from "../../hooks/usePriceInfo";
import { $L, removeSpecificTags } from "../../utils/helperMethods";
import CustomImage from "../CustomImage/CustomImage";
import css from "./TItemCard.module.less";
import { sendLogTotalRecommend } from "../../actions/logActions";
const SpottableComponent = Spottable("div");
@@ -78,6 +65,14 @@ export default memo(function TItemCard({
firstLabel,
label,
lastLabel,
contextName,
messageId,
location,
patnerName,
brandName,
shelfId,
shelfLocation,
shelfTitle,
...rest
}) {
const dispatch = useDispatch();
@@ -117,34 +112,25 @@ export default memo(function TItemCard({
if (onClick) {
onClick(e);
// const params = {
// contextName: "",
// messageId: "",
// shelfLocation: "",
// shelfId: "",
// shelfTitle: "",
// productId: productId,
// productTitle: productName,
// partner: "",
// brand: "",
// price: originalPrice,
// discount: discountRate,
// locaiton: "",
// category: catNm,
// }
// dispatch(sendLogTotalRecommend(
// ...params
// ))
const params = {
contextName: contextName,
messageId: messageId,
shelfLocation: shelfLocation,
shelfId: shelfId,
shelfTitle: shelfTitle,
productId: productId,
productTitle: productName,
partner: patnerName,
brand: brandName,
price: originalPrice,
discount: discountRate,
locaiton: location,
category: catNm,
};
dispatch(sendLogTotalRecommend(params));
console.log("#params", params);
}
},
[onClick, disabled]
);

1
com.twin.app.shoptime/src/utils/Config.js
View File

@@ -601,6 +601,7 @@ export const LOG_MESSAGE_ID = {
CONTENTCLICK: "AL_PAGE_CONTENT_CLICK",
SHOWVIEW: "AL_SHOW_VIEW_CHANGE",
SHELF: "AL_SHELF_LIST_SHOWN",
SHELF_CLICK: "AL_SHELF_CONTENT_CLICK",
SMB: "AL_SBM",
GNB: "AL_GNB_CLICK",
BUTTONCLICK: "AL_BUTTON_CLICK",

4
com.twin.app.shoptime/src/views/HomePanel/HomePanel.jsx
View File

@@ -315,6 +315,8 @@ const HomePanel = ({ isOnTop }) => {
el.shptmApphmDspyOptNm
)}
handleItemFocus={handleItemFocus(el.shptmApphmDspyOptCd)}
shelfLocation={el.expsOrd}
shelfTitle={el.shptmApphmDspyOptNm}
/>
);
} else break;
@@ -331,6 +333,8 @@ const HomePanel = ({ isOnTop }) => {
el.shptmApphmDspyOptNm
)}
handleItemFocus={handleItemFocus(el.shptmApphmDspyOptCd)}
shelfLocation={el.expsOrd}
shelfTitle={el.shptmApphmDspyOptNm}
/>
);
} else break;

29
com.twin.app.shoptime/src/views/HomePanel/SubCategory/SubCategory.jsx
View File

@@ -14,7 +14,12 @@ import TScroller from "../../../components/TScroller/TScroller";
import usePrevious from "../../../hooks/usePrevious";
import useScrollReset from "../../../hooks/useScrollReset";
import useScrollTo from "../../../hooks/useScrollTo";
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 { SpotlightIds } from "../../../utils/SpotlightIds";
import CategoryNav from "../../HomePanel/SubCategory/CategoryNav/CategoryNav";
import css from "../../HomePanel/SubCategory/SubCategory.module.less";
@@ -37,6 +42,8 @@ export default memo(function SubCategory({
cateNm,
handleItemFocus,
handleShelfFocus,
shelfLocation,
shelfTitle,
}) {
const dispatch = useDispatch();
const { getScrollTo, scrollLeft } = useScrollTo();
@@ -227,12 +234,30 @@ export default memo(function SubCategory({
{categoryItemInfos &&
categoryItemInfos?.subCatItemList.map(
(
{ prdtId, imgUrl, priceInfo, prdtNm, patnrId, offerInfo },
{
prdtId,
imgUrl,
priceInfo,
prdtNm,
patnrId,
offerInfo,
brndNm,
patncNm,
},
itemIndex
) => {
return (
<TItemCard
key={"subItem" + itemIndex}
contextName={LOG_CONTEXT_NAME.HOME}
messageId={LOG_MESSAGE_ID.SHELF_CLICK}
catNm={categoryItemInfos.catNm}
location={itemIndex + 1}
shelfId={spotlightId}
shelfLocation={shelfLocation}
shelfTitle={shelfTitle}
brandName={brndNm}
patnerName={patncNm}
imageAlt={prdtId}
imageSource={imgUrl}
priceInfo={priceInfo}