pb-sxp-ui 1.16.12 → 1.16.14

package/dist/index.cjs

@@ -736,7 +736,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
         return ((_a = bffDataSource === null || bffDataSource === void 0 ? void 0 : bffDataSource.headers) === null || _a === void 0 ? void 0 : _a['x-app-id']) + storeAndLoadFeUserId();
     }, [bffDataSource]);
     // bff API 请求方法
-    const bffFetch = React.useCallback((path, options) => {
+    const bffFetch = React.useCallback((path, options, isBota = true) => {
         var _a;
         if (!bffDataSource)
             return;
@@ -751,7 +751,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
             val.split('=')[1];
         });
         return window
-            .fetch(`${url}/api/${path}`, Object.assign({ headers: Object.assign({ 'Content-Type': 'application/json', 'x-user-id': fakeUserId }, bffDataSource.headers), method: options.method, body: options.type === 'beacon'
+            .fetch(`${url}/api/${path}`, Object.assign({ headers: Object.assign({ 'Content-Type': 'application/json', 'x-user-id': fakeUserId }, bffDataSource.headers), method: options.method, body: options.type === 'beacon' && isBota
                 ? JSON.stringify({
                     body: btoa(encodeURIComponent(JSON.stringify(Object.assign(Object.assign(Object.assign({}, options.body), bffDataSource.headers), { 'x-user-id': fakeUserId }))))
                 })
@@ -759,6 +759,57 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
             .then((res) => res.json())
             .catch((err) => Promise.reject(err));
     }, [bffDataSource, fakeUserId]);
+    const bffCollectEvent = React.useCallback((params) => {
+        var _a;
+        const body = {
+            eventName: params === null || params === void 0 ? void 0 : params.eventName,
+            eventSource: params === null || params === void 0 ? void 0 : params.eventSource,
+            eventInfo: (params === null || params === void 0 ? void 0 : params.eventInfo) ? JSON.stringify(params === null || params === void 0 ? void 0 : params.eventInfo) : ''
+        };
+        return bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch(`v1/data/collect/${(_a = bffDataSource === null || bffDataSource === void 0 ? void 0 : bffDataSource.headers) === null || _a === void 0 ? void 0 : _a['x-app-id']}/${params === null || params === void 0 ? void 0 : params.eventName}`, {
+            method: 'POST',
+            body,
+            type: 'beacon'
+        }, false);
+    }, [bffFetch, bffDataSource]);
+    React.useEffect(() => {
+        if (typeof (window === null || window === void 0 ? void 0 : window.fbq) === 'function') {
+            const OriginalImage = window.Image;
+            window.Image = function () {
+                const img = new OriginalImage();
+                // 劫持 src 的 setter
+                const originalSrcDescriptor = Object.getOwnPropertyDescriptor(HTMLImageElement.prototype, 'src');
+                Object.defineProperty(img, 'src', {
+                    set(value) {
+                        // 继续正常设置 src
+                        originalSrcDescriptor.set.call(this, value);
+                        img.onload = function () {
+                            // 检查是否是目标 URL
+                            if (value.includes('https://www.facebook.com/privacy_sandbox/pixel/register/trigger/')) {
+                                // 解析 URL 参数
+                                const url = new URL(value);
+                                const params = Object.fromEntries(url.searchParams.entries());
+                                bffCollectEvent({
+                                    eventName: params === null || params === void 0 ? void 0 : params.ev,
+                                    eventSource: 'Meta Pixel',
+                                    eventInfo: params
+                                });
+                            }
+                        };
+                    },
+                    get() {
+                        return originalSrcDescriptor.get.call(this);
+                    }
+                });
+                return img;
+            };
+        }
+    }, [bffCollectEvent]);
+    React.useEffect(() => {
+        if (typeof (window === null || window === void 0 ? void 0 : window.fbq) === 'function') {
+            window === null || window === void 0 ? void 0 : window.fbq('track', 'PageView');
+        }
+    }, []);
     // bff API admin 请求方法
     const bffFetchAdmin = React.useCallback((path, options) => {
         if (!bffDataSource)
@@ -1014,6 +1065,10 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
                     const newUrl = updateQueryStringParameter(currentUrl, 'timestamp', Date.now());
                     history.pushState({ path: newUrl }, '', newUrl);
                     isPushState = true;
+                    bffCollectEvent({
+                        eventName: 'page_view',
+                        eventSource: 'Google Analytics'
+                    });
                 }
             }
             else {
@@ -1023,17 +1078,31 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
         if (!isPushState) {
             if (eventName === 'PageView' && typeof (window === null || window === void 0 ? void 0 : window.gtag) === 'function') {
                 window === null || window === void 0 ? void 0 : window.gtag('event', 'page_view');
+                bffCollectEvent({
+                    eventName: 'page_view',
+                    eventSource: 'Google Analytics'
+                });
             }
             const tiktokPixelEventParamsJson = (_b = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.tiktokPixel) === null || _b === void 0 ? void 0 : _b[eventName];
             if ((tiktokPixelEventParamsJson === null || tiktokPixelEventParamsJson === void 0 ? void 0 : tiktokPixelEventParamsJson.event_name) &&
                 typeof (window === null || window === void 0 ? void 0 : window.ttq) === 'object' &&
                 typeof ((_c = window === null || window === void 0 ? void 0 : window.ttq) === null || _c === void 0 ? void 0 : _c.track) === 'function') {
                 (_d = window === null || window === void 0 ? void 0 : window.ttq) === null || _d === void 0 ? void 0 : _d.track(tiktokPixelEventParamsJson === null || tiktokPixelEventParamsJson === void 0 ? void 0 : tiktokPixelEventParamsJson.event_name, getEventParamsByJson(tiktokPixelEventParamsJson, product));
+                bffCollectEvent({
+                    eventName: tiktokPixelEventParamsJson === null || tiktokPixelEventParamsJson === void 0 ? void 0 : tiktokPixelEventParamsJson.event_name,
+                    eventSource: 'TikTok Pixel',
+                    eventInfo: getEventParamsByJson(tiktokPixelEventParamsJson, product)
+                });
             }
         }
         const snapchatPixelEventParamsJson = (_e = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.snapchatPixel) === null || _e === void 0 ? void 0 : _e[eventName];
         if ((snapchatPixelEventParamsJson === null || snapchatPixelEventParamsJson === void 0 ? void 0 : snapchatPixelEventParamsJson.event_name) && typeof (window === null || window === void 0 ? void 0 : window.snaptr) === 'function') {
             window === null || window === void 0 ? void 0 : window.snaptr('track', snapchatPixelEventParamsJson === null || snapchatPixelEventParamsJson === void 0 ? void 0 : snapchatPixelEventParamsJson.event_name, getEventParamsByJson(snapchatPixelEventParamsJson, product));
+            bffCollectEvent({
+                eventName: snapchatPixelEventParamsJson === null || snapchatPixelEventParamsJson === void 0 ? void 0 : snapchatPixelEventParamsJson.event_name,
+                eventSource: 'Snapchat Pixel',
+                eventInfo: getEventParamsByJson(snapchatPixelEventParamsJson, product)
+            });
         }
         const converApiEventParamsJson = (_f = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.converApi) === null || _f === void 0 ? void 0 : _f[eventName];
         if (enabledMetaConversionApi && converApiEventParamsJson) {