pb-sxp-ui 1.20.62 → 1.20.64

package/dist/index.cjs

@@ -898,6 +898,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
     const popupCurTimeRef = React.useRef(null);
     const [isNoMoreData, setIsNoMoreData] = React.useState(false);
     const [globalConfig, setGlobalConfig] = React.useState((_b = (_a = data === null || data === void 0 ? void 0 : data.data) === null || _a === void 0 ? void 0 : _a.sxpPageConf) === null || _b === void 0 ? void 0 : _b.globalConfig);
+    const [shopifyConfig, setShopifyConfig] = React.useState();
     const [pageData, setPageData] = React.useState();
     const [showConsent, setShowConsent] = React.useState(false);
     const [layoutVariantId, setLayoutVariantId] = React.useState();
@@ -1799,25 +1800,31 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
         let pbType;
         getRecommendVideos()
             .then((data) => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
             if (data) {
+                if ((_a = data.shopify) === null || _a === void 0 ? void 0 : _a.domain) {
+                    setShopifyConfig({
+                        domain: data.shopify.domain,
+                        storefrontAccessToken: data.shopify.storefrontAccessToken
+                    });
+                }
                 const list = getFilterRecList(data);
                 let curData;
                 let gldata;
                 if (data === null || data === void 0 ? void 0 : data.layoutVariantId) {
                     layId = data === null || data === void 0 ? void 0 : data.layoutVariantId;
                     setLayoutVariantId(data === null || data === void 0 ? void 0 : data.layoutVariantId);
-                    const id = (_b = (_a = data === null || data === void 0 ? void 0 : data.layoutVariantId) === null || _a === void 0 ? void 0 : _a.split('-')) === null || _b === void 0 ? void 0 : _b[1];
+                    const id = (_c = (_b = data === null || data === void 0 ? void 0 : data.layoutVariantId) === null || _b === void 0 ? void 0 : _b.split('-')) === null || _c === void 0 ? void 0 : _c[1];
                     if (id) {
                         curData = dataList === null || dataList === void 0 ? void 0 : dataList.find((item) => (item === null || item === void 0 ? void 0 : item.id) === id);
                         if (curData) {
                             // 找到对应的变体页面配置
                             setPageData(curData);
-                            document.title = (_c = curData === null || curData === void 0 ? void 0 : curData.name) !== null && _c !== void 0 ? _c : 'home';
-                            gldata = (_e = (_d = curData === null || curData === void 0 ? void 0 : curData.data) === null || _d === void 0 ? void 0 : _d.sxpPageConf) === null || _e === void 0 ? void 0 : _e.globalConfig;
+                            document.title = (_d = curData === null || curData === void 0 ? void 0 : curData.name) !== null && _d !== void 0 ? _d : 'home';
+                            gldata = (_f = (_e = curData === null || curData === void 0 ? void 0 : curData.data) === null || _e === void 0 ? void 0 : _e.sxpPageConf) === null || _f === void 0 ? void 0 : _f.globalConfig;
                             setGlobalConfig(gldata);
                             onUpdateSchema === null || onUpdateSchema === void 0 ? void 0 : onUpdateSchema(curData === null || curData === void 0 ? void 0 : curData.data);
-                            if ((_j = (_h = (_g = (_f = gldata === null || gldata === void 0 ? void 0 : gldata.consent) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.item) === null || _h === void 0 ? void 0 : _h.props) === null || _j === void 0 ? void 0 : _j.privacy_necessity)
+                            if ((_k = (_j = (_h = (_g = gldata === null || gldata === void 0 ? void 0 : gldata.consent) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.item) === null || _j === void 0 ? void 0 : _j.props) === null || _k === void 0 ? void 0 : _k.privacy_necessity)
                                 setShowConsent(true);
                             else
                                 setShowConsent(true);
@@ -1857,7 +1864,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
                 bffGetTagList(curData !== null && curData !== void 0 ? curData : finalPageData);
                 if (channel) {
                     const item = list === null || list === void 0 ? void 0 : list[0];
-                    const traceInfo = ((_k = item === null || item === void 0 ? void 0 : item.video) === null || _k === void 0 ? void 0 : _k.traceInfo) || ((_l = item === null || item === void 0 ? void 0 : item.product) === null || _l === void 0 ? void 0 : _l.traceInfo) || '';
+                    const traceInfo = ((_l = item === null || item === void 0 ? void 0 : item.video) === null || _l === void 0 ? void 0 : _l.traceInfo) || ((_m = item === null || item === void 0 ? void 0 : item.product) === null || _m === void 0 ? void 0 : _m.traceInfo) || '';
                     bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
                         eventInfo: Object.assign({ eventSubject: 'multiPostClick', eventDescription: 'multiPostClick', traceInfo, branchfeed: channel }, (layId && { layoutVariantId: layId }))
                     });
@@ -1882,7 +1889,14 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
         bffGetTagList(data);
         getRecommendVideos()
             .then((data) => {
+            var _a;
             if (data) {
+                if ((_a = data.shopify) === null || _a === void 0 ? void 0 : _a.domain) {
+                    setShopifyConfig({
+                        domain: data.shopify.domain,
+                        storefrontAccessToken: data.shopify.storefrontAccessToken
+                    });
+                }
                 const list = getFilterRecList(data);
                 if ((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.playbook) === 'organic menu' && !channel) {
                     list.unshift('organic menu');
@@ -1959,7 +1973,8 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
             firstRtcList,
             pixelPvStatusRef,
             curReqInfo,
-            setCurReqInfo
+            setCurReqInfo,
+            shopifyConfig
         } }, isShowConsent ? (React.createElement(Consent$4, Object.assign({}, (_e = (_d = (_c = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.consent) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.item) === null || _e === void 0 ? void 0 : _e.props))) : (render({
         rtcList,
         mutateLike: bffMutateLike,
@@ -2318,7 +2333,7 @@ function useEventReport() {
  * @returns { isVisible, reset } isVisible 是否可见；reset 重置可见状态（用于页面从后台恢复时重新触发检测）
  */
 function useAdvancedOnScreen(ref, options = {}) {
-    const { threshold = 0, delay = 0, onVisible, onHidden, name = 'unknown', deps = [] } = options;
+    const { threshold = 0, delay = 0, onVisible, onHidden, name = 'unknown', deps = [], pageHideCountRef } = options;
     const observerRef = React.useRef(null);
     const [isVisible, setIsVisible] = React.useState(false);
     const timerRef = React.useRef(null);
@@ -2370,10 +2385,16 @@ function useAdvancedOnScreen(ref, options = {}) {
                             clearTimer();
                         }
                         isWaitingRef.current = true;
+                        // 创建定时器时捕获当前隐藏版本号，回调时比对，防止 hide→show 竞态导致旧定时器上报
+                        const hideCount = pageHideCountRef === null || pageHideCountRef === void 0 ? void 0 : pageHideCountRef.current;
                         timerRef.current = setTimeout(() => {
                             var _a;
                             isWaitingRef.current = false;
                             timerRef.current = null;
+                            // 如果版本号变化，说明在定时器等待期间页面发生了 hide，丢弃本次回调
+                            if (pageHideCountRef && pageHideCountRef.current !== hideCount) {
+                                return;
+                            }
                             (_a = onVisibleRef.current) === null || _a === void 0 ? void 0 : _a.call(onVisibleRef);
                         }, delay);
                     }
@@ -12331,7 +12352,7 @@ var settingRender$d = [
 
 const AddToCartPopup$1 = ({ isActive = true }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    const { popupDetailData, globalConfig, bffFbReport, bffEventReport } = useSxpDataSource();
+    const { popupDetailData, globalConfig, bffFbReport, bffEventReport, popupCurTimeRef, shopifyConfig: contextShopifyConfig } = useSxpDataSource();
     const [productData, setProductData] = React.useState(null);
     const [selectedOptions, setSelectedOptions] = React.useState({});
     const [selectedVariant, setSelectedVariant] = React.useState(null);
@@ -12343,15 +12364,24 @@ const AddToCartPopup$1 = ({ isActive = true }) => {
     // 获取商品数据
     const data = popupDetailData;
     const product = (_e = (_b = (_a = data === null || data === void 0 ? void 0 : data.video) === null || _a === void 0 ? void 0 : _a.bindProduct) !== null && _b !== void 0 ? _b : (_d = (_c = data === null || data === void 0 ? void 0 : data.video) === null || _c === void 0 ? void 0 : _c.bindProducts) === null || _d === void 0 ? void 0 : _d[0]) !== null && _e !== void 0 ? _e : data === null || data === void 0 ? void 0 : data.product;
-    // Shopify 配置
-    const shopifyConfig = window.__SHOPIFY_CONFIG__;
-    const shopifyDomain = ((_f = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.shopify) === null || _f === void 0 ? void 0 : _f.domain) || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.shopifyDomain) || (shopifyConfig === null || shopifyConfig === void 0 ? void 0 : shopifyConfig.domain) || 'dev-store-749237498237498636.myshopify.com';
-    const storefrontToken = ((_g = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.shopify) === null || _g === void 0 ? void 0 : _g.storefrontAccessToken) || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.storefrontAccessToken) || (shopifyConfig === null || shopifyConfig === void 0 ? void 0 : shopifyConfig.storefrontAccessToken) || '77d894c490f79430ce7bd0a7efdff6b7';
+    // Shopify 配置：优先取 list 接口返回的 shopify 字段（通过 context 注入），其次取 globalConfig 的静态配置
+    const windowShopifyConfig = window.__SHOPIFY_CONFIG__;
+    const shopifyDomain = (contextShopifyConfig === null || contextShopifyConfig === void 0 ? void 0 : contextShopifyConfig.domain) ||
+        ((_f = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.shopify) === null || _f === void 0 ? void 0 : _f.domain) ||
+        (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.shopifyDomain) ||
+        (windowShopifyConfig === null || windowShopifyConfig === void 0 ? void 0 : windowShopifyConfig.domain) ||
+        '';
+    const storefrontToken = (contextShopifyConfig === null || contextShopifyConfig === void 0 ? void 0 : contextShopifyConfig.storefrontAccessToken) ||
+        ((_g = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.shopify) === null || _g === void 0 ? void 0 : _g.storefrontAccessToken) ||
+        (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.storefrontAccessToken) ||
+        (windowShopifyConfig === null || windowShopifyConfig === void 0 ? void 0 : windowShopifyConfig.storefrontAccessToken) ||
+        '';
     const productId = (product === null || product === void 0 ? void 0 : product.shopifyId) || (product === null || product === void 0 ? void 0 : product.itemId) || '';
     // 查询 Shopify 商品数据
     const fetchProductData = React.useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         var _k;
-        if (!productId || !shopifyDomain || !storefrontToken) {
+        // storefrontAccessToken 可为空（部分商店公开访问），只要 domain 和 productId 存在即可发起请求
+        if (!productId || !shopifyDomain) {
             setLoading(false);
             return;
         }
@@ -12399,12 +12429,13 @@ const AddToCartPopup$1 = ({ isActive = true }) => {
         }
       `;
             const fullProductId = productId.startsWith('gid://') ? productId : `gid://shopify/Product/${productId}`;
+            const headers = { 'Content-Type': 'application/json' };
+            if (storefrontToken) {
+                headers['X-Shopify-Storefront-Access-Token'] = storefrontToken;
+            }
             const response = yield fetch(`https://${shopifyDomain}/api/2024-01/graphql.json`, {
                 method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                    'X-Shopify-Storefront-Access-Token': storefrontToken
-                },
+                headers,
                 body: JSON.stringify({
                     query,
                     variables: { id: fullProductId }
@@ -12426,6 +12457,18 @@ const AddToCartPopup$1 = ({ isActive = true }) => {
             setLoading(false);
         }
     }), [productId, shopifyDomain, storefrontToken]);
+    /**
+     * 从商品弹窗打开加购弹窗时，用户在商品弹窗里的停留时长不应该继续累加。
+     * 因此在加购弹窗关闭（组件卸载）时，将弹窗的起始时间重置为当前时间，
+     * 这样后续关闭商品弹窗上报 productView 时，timeOnSite 只统计“返回商品弹窗之后”的浏览时长。
+     */
+    React.useEffect(() => {
+        return () => {
+            if (popupCurTimeRef) {
+                popupCurTimeRef.current = new Date();
+            }
+        };
+    }, [popupCurTimeRef]);
     React.useEffect(() => {
         if (isActive) {
             fetchProductData();
@@ -19600,54 +19643,35 @@ Object.values(_materials_$1).forEach((v) => {
         RESOLVER$3[v.extend.type] = v;
     }
 });
-const CTAButton = ({ ctaData, style, onClick, onExposure, triggerKey }) => {
+const CTAButton = ({ ctaData, style, onClick, onExposure, triggerKey, isPageHiddenRef, pageHideCountRef }) => {
     const buttonRef = React.useRef(null);
-    const timerRef = React.useRef(null);
-    const lastVisibleStateRef = React.useRef(null); // 记录上一次的可见状态，null 表示首次渲染
-    const isFirstRenderRef = React.useRef(true); // 标记是否首次渲染
-    // 使用高级曝光检测：完全可见
-    // 注意：CTA 按钮使用 1.0 阈值，确保按钮完全进入可视区域才触发曝光
-    const { isVisible } = useAdvancedOnScreen(buttonRef, {
-        threshold: 1.0, // 完全可见
-        delay: 0, // 不使用内置延迟，在 useEffect 中处理
-        onVisible: undefined, // 不使用回调，改用状态
-        onHidden: undefined
-    });
-    // 监听可见性变化，只在 false → true 时触发上报
+    const onExposureRef = React.useRef(onExposure);
     React.useEffect(() => {
-        // 清除之前的定时器
-        if (timerRef.current) {
-            clearTimeout(timerRef.current);
-            timerRef.current = null;
-        }
-        // 首次渲染时，初始化 lastVisibleStateRef 但不触发上报
-        // 等到下次状态变化时再判断
-        if (isFirstRenderRef.current) {
-            isFirstRenderRef.current = false;
-            lastVisibleStateRef.current = isVisible;
-            console.log(`[CTAButton] 首次渲染，初始状态: ${isVisible}`);
-            return;
-        }
-        // 只有从不可见变为可见时才触发上报（避免小幅滑动重复触发）
-        if (isVisible && lastVisibleStateRef.current === false) {
-            console.log('[CTAButton] 从不可见变为可见，1秒后触发上报');
-            timerRef.current = setTimeout(() => {
-                console.log('[CTAButton] 触发 onExposure');
-                onExposure();
-            }, 1000);
-        }
-        // 更新上一次的可见状态
-        lastVisibleStateRef.current = isVisible;
-        return () => {
-            if (timerRef.current) {
-                clearTimeout(timerRef.current);
-                timerRef.current = null;
+        onExposureRef.current = onExposure;
+    }, [onExposure]);
+    // 使用 useAdvancedOnScreen 的内置 delay 机制处理曝光：
+    // - threshold 0.8：按钮 80% 可见时开始计时，低于 0.64（0.8*0.8）时才认为离开
+    //   （使用 1.0 会导致 exitThreshold=0.8，上下轻微滑动时按钮不会退出可见状态，
+    //    从而 onVisible 永远不会再次触发，导致重新停留时不上报）
+    // - delay 1000：停留满 1s 才触发 onVisible 回调
+    // - onVisible 每次从不可见→可见+停留满 1s 都会触发，支持重复上报
+    useAdvancedOnScreen(buttonRef, {
+        threshold: 0.8,
+        delay: 1000,
+        onVisible: () => {
+            if (isPageHiddenRef.current) {
+                console.log('[CTAButton] 页面已隐藏，取消上报 onExposure');
+                return;
             }
-        };
-    }, [isVisible, onExposure]);
+            console.log('[CTAButton] 触发 onExposure');
+            onExposureRef.current();
+        },
+        pageHideCountRef,
+        name: 'CTAButton'
+    });
     return (React.createElement("button", { ref: buttonRef, style: style, onClick: onClick }, ctaData.title));
 };
-const ProductView = ({ children, onExposure, onLeave }) => {
+const ProductView = ({ children, onExposure, onLeave, pageHideCountRef }) => {
     const productRef = React.useRef(null);
     const onExposureRef = React.useRef(onExposure);
     const onLeaveRef = React.useRef(onLeave);
@@ -19665,11 +19689,12 @@ const ProductView = ({ children, onExposure, onLeave }) => {
         onHidden: () => {
             var _a;
             (_a = onLeaveRef.current) === null || _a === void 0 ? void 0 : _a.call(onLeaveRef);
-        }
+        },
+        pageHideCountRef
     });
     return (React.createElement("div", { ref: productRef, style: { width: '100%' } }, children));
 };
-const PostView = ({ children, videoRef, isVideo, onExposure, autoPlayTriggerRef, onVideoPlay, onVideoPause, allowAutoPlay = true, videoUrl }) => {
+const PostView = ({ children, videoRef, isVideo, onExposure, autoPlayTriggerRef, onVideoPlay, onVideoPause, allowAutoPlay = true, videoUrl, pageHideCountRef }) => {
     const postRef = React.useRef(null);
     // 使用高级曝光检测：2/3区域（threshold=0.67）+ 1000ms延迟
     useAdvancedOnScreen(postRef, {
@@ -19729,7 +19754,8 @@ const PostView = ({ children, videoRef, isVideo, onExposure, autoPlayTriggerRef,
                 }
             }
         },
-        name: 'PostView(Hero)'
+        name: 'PostView(Hero)',
+        pageHideCountRef
     });
     return (React.createElement("div", { ref: postRef, style: { width: '100%', height: '100%' } }, children));
 };
@@ -20173,6 +20199,11 @@ const StructurePage = (_a) => {
     const pageInitializedRef = React.useRef(false);
     // 标记页面是否正在卸载（刷新/关闭），防止刷新时旧页面的 visibilitychange visible 误触发
     const pageUnloadingRef = React.useRef(false);
+    // 标记页面当前是否处于隐藏状态（最小化/切换标签），用于阻止延迟上报在页面隐藏后触发
+    const pageHiddenRef = React.useRef(false);
+    // 页面隐藏计数器：每次 visibilitychange hidden 时递增，用于让旧定时器回调识别自己是否已过期。
+    // 解决"停留不足 1s 缩小页面后立即打开，旧定时器仍在运行且 pageHiddenRef 已被重置为 false"的竞态问题。
+    const pageHideCountRef = React.useRef(0);
     // 全局事件管理：用于追踪弹窗打开时间和状态
     const popupCurTimeRef = React.useRef(new Date());
     const currentPopupDataRef = React.useRef(null);
@@ -20279,16 +20310,18 @@ const StructurePage = (_a) => {
             product: null
         };
         // 上报 clickCta 事件
-        // productGridSection 区域的商品 position 统一传 0（与 ctaExposure 保持一致）
-        const clickCtaPosition = viewPosition === 'productGridSection' ? 0 : (sectionIndex !== undefined ? sectionIndex : 0);
+        // heroSection 以外的区域 position 统一传 0（与 ctaExposure 保持一致）
+        const clickCtaPosition = viewPosition === 'heroSection' ? (sectionIndex !== undefined ? sectionIndex : 0) : 0;
         ctaEvent === null || ctaEvent === void 0 ? void 0 : ctaEvent(Object.assign({ eventSubject: 'clickCta', eventDescription: 'User clicked the CTA' }, (viewPosition && { viewPosition })), rec, productData, clickCtaPosition);
+        // heroSection 以外的区域 position 统一传 0
+        const fbPosition = viewPosition === 'heroSection' ? (sectionIndex !== undefined ? sectionIndex : 0) : 0;
         // ========== 2. Facebook Pixel 和第三方像素上报 ==========
         bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
             eventName: 'ClickCTA',
             product: productData ? [productData] : undefined,
             contentType: 'post',
             rec: rec,
-            position: sectionIndex !== undefined ? sectionIndex : 0,
+            position: fbPosition,
             cta_text: (ctaData === null || ctaData === void 0 ? void 0 : ctaData.title) || '',
             cta_action_type: isExternalLink ? 'open_external_link' : 'open_internal_popup',
             target_content_id: (productData === null || productData === void 0 ? void 0 : productData.itemId) || '',
@@ -20305,7 +20338,7 @@ const StructurePage = (_a) => {
                 const popupNode = popupList.find((p) => p.id === popupType);
                 const isAddToCartPopup = ((_c = popupNode === null || popupNode === void 0 ? void 0 : popupNode.item) === null || _c === void 0 ? void 0 : _c.type) === 'AddToCartPopup';
                 if ((productData === null || productData === void 0 ? void 0 : productData.shopifyId) && isAddToCartPopup) {
-                    ctaEvent === null || ctaEvent === void 0 ? void 0 : ctaEvent(Object.assign({ eventSubject: 'clickShopifyPopup', eventDescription: 'User clicked to open Shopify popup' }, (viewPosition && { viewPosition })), rec, productData, sectionIndex !== undefined ? sectionIndex : 0);
+                    ctaEvent === null || ctaEvent === void 0 ? void 0 : ctaEvent(Object.assign({ eventSubject: 'clickShopifyPopup', eventDescription: 'User clicked to open Shopify popup' }, (viewPosition && { viewPosition })), rec, productData, fbPosition);
                 }
                 // ========== 打开弹窗前：记录弹窗数据和时间 ==========
                 // 重置弹窗时间
@@ -20335,7 +20368,7 @@ const StructurePage = (_a) => {
                     product: productData ? [productData] : undefined,
                     contentType: 'product',
                     rec: recData,
-                    position: sectionIndex !== undefined ? sectionIndex : 0
+                    position: fbPosition
                 });
                 // 上报 PageView 事件
                 bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
@@ -20343,11 +20376,11 @@ const StructurePage = (_a) => {
                     product: productData ? [productData] : undefined,
                     contentType: 'product',
                     rec: recData,
-                    position: sectionIndex !== undefined ? sectionIndex : 0
+                    position: fbPosition
                 });
                 console.log('[StructurePage] 上报弹窗打开事件 (ProductView + PageView)', {
                     productId: productData === null || productData === void 0 ? void 0 : productData.itemId,
-                    position: sectionIndex !== undefined ? sectionIndex : 0
+                    position: fbPosition
                 });
                 // 设置弹窗要显示的产品数据
                 if (productData && typeof window !== 'undefined' && window.setPopupDetailData) {
@@ -20459,6 +20492,11 @@ const StructurePage = (_a) => {
     }, [multiCTAConfig]);
     // CTA 曝光事件处理（允许重复上报）
     const handleCtaExposure = React.useCallback((ctaData, productData, viewPosition, sectionIndex, buttonKey) => {
+        // 页面已隐藏（最小化/切换标签）时，不上报曝光事件，避免在 sessionCompleted 之后上报
+        if (pageHiddenRef.current) {
+            console.log(`[handleCtaExposure] 页面已隐藏，跳过 ctaExposure 上报`);
+            return;
+        }
         // 生成唯一标识（不包含 carouselIndex，确保 carousel 切换时不重复上报）
         const ctaId = `${buttonKey}-${viewPosition}`;
         // 更新曝光时间（允许重复上报，由 CTAButton 组件控制何时触发）
@@ -20492,9 +20530,9 @@ const StructurePage = (_a) => {
             product: null
         };
         // 确定上报的 position 参数
-        // productGridSection 的所有 CTA 曝光事件的 position 都传 0
+        // productGridSection 和 carouselSection 的 CTA 曝光事件 position 统一传 0
         let reportPosition = 0;
-        if (viewPosition === 'productGridSection') {
+        if (viewPosition !== 'heroSection') {
             reportPosition = 0;
         }
         else {
@@ -20779,7 +20817,7 @@ const StructurePage = (_a) => {
             }
         }
         // 默认渲染按钮（包装一个 CTAButton 组件来处理曝光事件）
-        return (React.createElement(CTAButton, { ctaData: ctaData, style: mergeStyles(fallbackStyle || baseStyles.heroButton, buttonKey), onClick: () => handleCtaClick(ctaData === null || ctaData === void 0 ? void 0 : ctaData.link, interaction, productData, ctaData, viewPosition, sectionIndex), onExposure: () => handleCtaExposure(ctaData, productData, viewPosition, sectionIndex, buttonKey) }));
+        return (React.createElement(CTAButton, { ctaData: ctaData, style: mergeStyles(fallbackStyle || baseStyles.heroButton, buttonKey), onClick: () => handleCtaClick(ctaData === null || ctaData === void 0 ? void 0 : ctaData.link, interaction, productData, ctaData, viewPosition, sectionIndex), onExposure: () => handleCtaExposure(ctaData, productData, viewPosition, sectionIndex, buttonKey), isPageHiddenRef: pageHiddenRef, pageHideCountRef: pageHideCountRef }));
     }, [multiCTAConfig, handleCtaClick, handleCtaExposure, mergeStyles, rest, carouselIndex]);
     // 监听页面卸载事件（刷新/关闭），设置 pageUnloadingRef 防止旧页面监听器误触发
     React.useEffect(() => {
@@ -21349,7 +21387,7 @@ const StructurePage = (_a) => {
         carouselImageStartTime.current = 0;
     }, [data, bffEventReport]);
     const handleCarouselPrev = () => {
-        var _a, _b, _c, _d;
+        var _a;
         if (data === null || data === void 0 ? void 0 : data.carouselSection) {
             // 先上报当前图片的结束事件
             handleCarouselImageEndEvent(carouselIndex);
@@ -21402,20 +21440,10 @@ const StructurePage = (_a) => {
                     carouselImagePendingReport.current[newIndex] = true;
                 }
             }
-            // 如果 carousel 在视口内且新 slide 有 CTA，直接触发 CTA 曝光上报
-            if (carouselIsVisible.current) {
-                const newItem = carouselSection[newIndex];
-                const ctaData = (_c = (_b = newItem === null || newItem === void 0 ? void 0 : newItem.bindProducts) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.bindCta;
-                const productData = (_d = newItem === null || newItem === void 0 ? void 0 : newItem.bindProducts) === null || _d === void 0 ? void 0 : _d[0];
-                if (ctaData) {
-                    console.log('[handleCarouselPrev] carousel 可见，触发新 slide CTA 曝光, index:', newIndex);
-                    handleCtaExposure(ctaData, productData, 'carouselSection', newIndex, 'carouselButton');
-                }
-            }
         }
     };
     const handleCarouselNext = () => {
-        var _a, _b, _c, _d;
+        var _a;
         if (data === null || data === void 0 ? void 0 : data.carouselSection) {
             // 先上报当前图片的结束事件
             handleCarouselImageEndEvent(carouselIndex);
@@ -21468,16 +21496,6 @@ const StructurePage = (_a) => {
                     carouselImagePendingReport.current[newIndex] = true;
                 }
             }
-            // 如果 carousel 在视口内且新 slide 有 CTA，直接触发 CTA 曝光上报
-            if (carouselIsVisible.current) {
-                const newItem = carouselSection[newIndex];
-                const ctaData = (_c = (_b = newItem === null || newItem === void 0 ? void 0 : newItem.bindProducts) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.bindCta;
-                const productData = (_d = newItem === null || newItem === void 0 ? void 0 : newItem.bindProducts) === null || _d === void 0 ? void 0 : _d[0];
-                if (ctaData) {
-                    console.log('[handleCarouselNext] carousel 可见，触发新 slide CTA 曝光, index:', newIndex);
-                    handleCtaExposure(ctaData, productData, 'carouselSection', newIndex, 'carouselButton');
-                }
-            }
         }
     };
     // Hero Section 的曝光检测 ref
@@ -21564,7 +21582,8 @@ const StructurePage = (_a) => {
         name: 'Hero',
         // data 加载完成后 heroSectionRef 才会挂载到 DOM，需要将 data 作为额外依赖
         // 确保 data 就绪后 IntersectionObserver 能重新初始化并正确观察元素
-        deps: [data]
+        deps: [data],
+        pageHideCountRef
     });
     // Carousel Section 的曝光检测 ref
     const carouselSectionRef = React.useRef(null);
@@ -21702,7 +21721,14 @@ const StructurePage = (_a) => {
                 if (visibleTimer) {
                     clearTimeout(visibleTimer);
                 }
+                // 创建定时器时捕获当前隐藏版本号，回调时比对，防止 hide→show 竞态导致旧定时器上报
+                const hideCount = pageHideCountRef.current;
                 visibleTimer = setTimeout(() => {
+                    // 版本号变化说明定时器等待期间页面发生了 hide，丢弃本次回调
+                    if (pageHideCountRef.current !== hideCount) {
+                        visibleTimer = null;
+                        return;
+                    }
                     console.log('[Carousel Observer] 延迟时间到，触发 handleCarouselVisible');
                     handleCarouselVisible();
                     visibleTimer = null;
@@ -21894,6 +21920,11 @@ const StructurePage = (_a) => {
             if (document.visibilityState === 'hidden') {
                 // ========== 页面隐藏时 ==========
                 console.log('[StructurePage] Page hidden - 触发全局事件');
+                // 标记页面已隐藏，阻止后续延迟上报（如 ctaExposure/productView 的 1s 防抖定时器）
+                pageHiddenRef.current = true;
+                // 递增隐藏版本号，使所有在本次隐藏前创建的延迟定时器在回调时能感知自己已过期，
+                // 从而即使 pageHiddenRef 在页面重新可见后被重置为 false，这些旧定时器也不会上报事件。
+                pageHideCountRef.current += 1;
                 // 0. 上报当前可见的 post/product 的离开事件
                 console.log('[visibilitychange] 页面隐藏，当前可见的 products 数量:', visibleProducts.current.length);
                 // Hero Section: 上报离开事件
@@ -22074,6 +22105,8 @@ const StructurePage = (_a) => {
             else if (document.visibilityState === 'visible') {
                 // ========== 页面可见时 ==========
                 console.log('[StructurePage] Page visible - 触发全局事件');
+                // 页面重新可见，重置隐藏标记，允许后续曝光事件正常上报
+                pageHiddenRef.current = false;
                 // 如果页面尚未完成首次加载（挂载时的 h5LinkEnterFeed 还未上报），
                 // 则跳过此次 visibilitychange visible 处理，避免刷新时重复上报
                 if (!pageInitializedRef.current) {
@@ -22417,7 +22450,7 @@ const StructurePage = (_a) => {
                         return textStyle;
                     })()) }, data.heroSection.text))),
             React.createElement("div", { style: baseStyles.heroImageContainer },
-                React.createElement(PostView, { videoRef: heroVideoRef, isVideo: !!data.heroSection.url, autoPlayTriggerRef: heroAutoPlayTrigger, allowAutoPlay: hasUserInteracted, videoUrl: data.heroSection.url || undefined, onExposure: () => {
+                React.createElement(PostView, { videoRef: heroVideoRef, isVideo: !!data.heroSection.url, autoPlayTriggerRef: heroAutoPlayTrigger, allowAutoPlay: hasUserInteracted, videoUrl: data.heroSection.url || undefined, pageHideCountRef: pageHideCountRef, onExposure: () => {
                         // 视频进入 2/3 可视区域并停留 1 秒后的曝光上报
                         // 注意：不再主动调用 load()，让视频在自动播放时才开始加载
                         // 这样可以避免在网络慢时提前加载视频
@@ -22608,7 +22641,7 @@ const StructurePage = (_a) => {
                             set current(value) {
                                 carouselAutoPlayTriggers.current[index] = value;
                             }
-                        }, allowAutoPlay: hasUserInteracted, videoUrl: item.url, onExposure: () => {
+                        }, allowAutoPlay: hasUserInteracted, videoUrl: item.url, pageHideCountRef: pageHideCountRef, onExposure: () => {
                             // 视频进入 2/3 可视区域并停留 1 秒后的曝光上报
                             // 注意：不再主动调用 load()，让视频在自动播放时才开始加载
                             console.log('[Carousel Video] 进入可视区域，索引:', index);
@@ -22942,8 +22975,8 @@ const StructurePage = (_a) => {
                             }
                             return textStyle;
                         })()) }, (_s = data.carouselSection[carouselIndex]) === null || _s === void 0 ? void 0 : _s.text))),
-                renderCTA('carouselButton', (_v = (_u = (_t = data.carouselSection[carouselIndex]) === null || _t === void 0 ? void 0 : _t.bindProducts) === null || _u === void 0 ? void 0 : _u[0]) === null || _v === void 0 ? void 0 : _v.bindCta, (_x = (_w = data.carouselSection[carouselIndex]) === null || _w === void 0 ? void 0 : _w.bindProducts) === null || _x === void 0 ? void 0 : _x[0], baseStyles.carouselButton, 'carouselSection', carouselIndex)))),
-        data.highlightRevealSection && (React.createElement(ProductView, { onExposure: () => handleProductViewExposure(data.highlightRevealSection, 'highlightRevealSection', 0), onLeave: () => handleProductViewLeave(data.highlightRevealSection, 'highlightRevealSection', 0) },
+                React.createElement(React.Fragment, { key: carouselIndex }, renderCTA('carouselButton', (_v = (_u = (_t = data.carouselSection[carouselIndex]) === null || _t === void 0 ? void 0 : _t.bindProducts) === null || _u === void 0 ? void 0 : _u[0]) === null || _v === void 0 ? void 0 : _v.bindCta, (_x = (_w = data.carouselSection[carouselIndex]) === null || _w === void 0 ? void 0 : _w.bindProducts) === null || _x === void 0 ? void 0 : _x[0], baseStyles.carouselButton, 'carouselSection', carouselIndex))))),
+        data.highlightRevealSection && (React.createElement(ProductView, { onExposure: () => handleProductViewExposure(data.highlightRevealSection, 'highlightRevealSection', 0), onLeave: () => handleProductViewLeave(data.highlightRevealSection, 'highlightRevealSection', 0), pageHideCountRef: pageHideCountRef },
             React.createElement("div", { style: mergeStyles(baseStyles.highlightSection, 'highlightSection', { excludeBorder: true }) },
                 React.createElement("div", { ref: highlightImageRef, style: Object.assign(Object.assign({}, baseStyles.highlightImageContainer), { position: 'relative' }) },
                     shouldLoadHighlightImage && (React.createElement("img", { src: data.highlightRevealSection.landingImageUrl || data.highlightRevealSection.cover, alt: data.highlightRevealSection.title, style: Object.assign(Object.assign({}, baseStyles.highlightImage), { position: 'absolute', zIndex: 2 }) })),
@@ -23030,7 +23063,7 @@ const StructurePage = (_a) => {
                 // 使用产品在数据数组中的实际索引来确定 buttonKey
                 const productDataIndex = productIndexMap[gridIndex];
                 const buttonKey = `productButton${productDataIndex || gridIndex + 1}`;
-                return (React.createElement("div", { key: (product === null || product === void 0 ? void 0 : product.itemId) || `empty-${gridIndex}`, style: baseStyles.productItem }, product ? (React.createElement(ProductView, { onExposure: () => handleProductViewExposure(product, 'productGridSection', 0), onLeave: () => handleProductViewLeave(product, 'productGridSection', 0) },
+                return (React.createElement("div", { key: (product === null || product === void 0 ? void 0 : product.itemId) || `empty-${gridIndex}`, style: baseStyles.productItem }, product ? (React.createElement(ProductView, { onExposure: () => handleProductViewExposure(product, 'productGridSection', 0), onLeave: () => handleProductViewLeave(product, 'productGridSection', 0), pageHideCountRef: pageHideCountRef },
                     React.createElement(React.Fragment, null,
                         React.createElement("div", { ref: (el) => { productImageRefs.current[productIndexMap[gridIndex] - 1] = el; }, style: baseStyles.productImageContainer },
                             shouldLoadProductImages[productIndexMap[gridIndex] - 1] && (React.createElement("img", { src: product.landingImageUrl || product.cover, 
@@ -23042,7 +23075,7 @@ const StructurePage = (_a) => {
                 React.createElement("div", { style: { width: '100%', height: 0, visibility: 'hidden' } }))));
             }).filter(Boolean);
         })())),
-        data.footerSection && (React.createElement(ProductView, { onExposure: () => handleProductViewExposure(data.footerSection, 'footerSection', 0), onLeave: () => handleProductViewLeave(data.footerSection, 'footerSection', 0) },
+        data.footerSection && (React.createElement(ProductView, { onExposure: () => handleProductViewExposure(data.footerSection, 'footerSection', 0), onLeave: () => handleProductViewLeave(data.footerSection, 'footerSection', 0), pageHideCountRef: pageHideCountRef },
             React.createElement("div", { style: mergeStyles(baseStyles.footerSection, 'footerSection', { excludeBorder: true }) },
                 React.createElement("div", { style: {
                         width: '100%',