checkout 화면 내 버튼 클릭시 정보수집

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

@@ -16,6 +16,7 @@ import {
   sendLogGNB,
   sendLogMyInfoEdit,
   sendLogPaymentEntry,
+  sendLogTotalRecommend,
 } from "../../actions/logActions";
 import { popPanel } from "../../actions/panelActions";
 import TBody from "../../components/TBody/TBody";
@@ -200,6 +201,11 @@ export default function CheckOutPanel({ panelInfo }) {
   const toggleOrderSideBar = useCallback(() => {
     if (!orderSideBarOpen) {
       dispatch(sendLogCheckOutBtnClick({ btnNm: "ORDER ITEMS" }));
+      dispatch(sendLogTotalRecommend({
+        buttonTitle: "ORDER ITEMS",
+        buttonId: "checkout_order_items_view"
+      }));
+      console.log('oder items')
     }
 
     setOrderSideBarOpen((prev) => !prev);
@@ -209,6 +215,10 @@ export default function CheckOutPanel({ panelInfo }) {
   const toggleOfferSideBar = useCallback(() => {
     if (!offerSideBarOpen) {
       dispatch(sendLogCheckOutBtnClick({ btnNm: "OFFERS & PROMOTION" }));
+      dispatch(sendLogTotalRecommend({ 
+        buttonTitle: "OFFERS & PROMOTION",
+        buttonId: "checkout_offers_promotion_view"
+      }));
     }
 
     setOfferSideBarOpen((prev) => !prev);
@@ -235,7 +245,11 @@ export default function CheckOutPanel({ panelInfo }) {
         const selectedTerms = empTermsData.find(
           (term) => term.termsID === termsID
         );
-
+        
+        dispatch(sendLogTotalRecommend({
+          buttonTitle: selectedTerms.termsTypeName,
+          buttonId: `checkout_terms_${selectedTerms.termsTypeName.toLowerCase().replace(/\s+/g, '_')}`
+        }))
         setCurrentTerms(selectedTerms);
         dispatch(setShowPopup(Config.ACTIVE_POPUP.termsPopup));
         Spotlight.focus("spotlightId_TbuttonScrollerDown");

com.twin.app.shoptime/src/views/CheckOutPanel/container/InformationContainer.jsx

@@ -20,6 +20,7 @@ import PaymentCard from "../components/PaymentCard";
 import ShippingAddressCard from "../components/ShippingAddressCard";
 import Subject from "../components/Subject";
 import css from "./InformationContainer.module.less";
+import { sendLogTotalRecommend } from "../../../actions/logActions";
 
 const Container = SpotlightContainerDecorator(
   { enterTo: "last-focused" },
@@ -143,6 +144,11 @@ export default function InformationContainer({
 
       setTab(index);
       dispatch(setShowPopup(Config.ACTIVE_POPUP.qrPopup));
+      dispatch(sendLogTotalRecommend({
+        buttonTitle: `${btnNm} ADD/EDIT`,
+        buttonId: `checkout_info_${btnNm.toLowerCase().replace(/\s+/g, '_')}`
+      }))
+     
     },
     [dispatch, doSendLogMyInfoEdit]
   );

com.twin.app.shoptime/src/views/CheckOutPanel/container/SummaryCotainer.jsx

@@ -15,6 +15,7 @@ import {
   getErrorMessage,
 } from "../../../utils/helperMethods";
 import css from "./SummaryContainer.module.less";
+import { sendLogTotalRecommend } from "../../../actions/logActions";
 
 const Container = SpotlightContainerDecorator(
   { enterTo: "last-focused" },
@@ -37,6 +38,9 @@ export default function SummaryContainer({
     (state) => state.checkout?.checkoutData.productList?.[0]
   );
 
+
+  const dispatch = useDispatch();
+
   const items = useMemo(
     () => [
       {
@@ -95,10 +99,17 @@ export default function SummaryContainer({
   );
 
   const handleClickOrder = useCallback(() => {
+    
     if (doSendLogPaymentEntry) {
       doSendLogPaymentEntry();
     }
+    dispatch(sendLogTotalRecommend({
+      buttonTitle: "PLACE ORDER",
+      buttonId: "checkout_place_order_view"
+    }))
+
     setPlaceOrderPopup(true);
+    
   }, [doSendLogPaymentEntry, setPlaceOrderPopup]);
 
   const renderItemList = useCallback(