pb-sxp-ui 1.16.12 → 1.16.14

package/dist/pb-ui.js

@@ -729,7 +729,7 @@
             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;
@@ -744,7 +744,7 @@
                 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 }))))
                     })
@@ -752,6 +752,57 @@
                 .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)
@@ -1007,6 +1058,10 @@
                         const newUrl = updateQueryStringParameter(currentUrl, 'timestamp', Date.now());
                         history.pushState({ path: newUrl }, '', newUrl);
                         isPushState = true;
+                        bffCollectEvent({
+                            eventName: 'page_view',
+                            eventSource: 'Google Analytics'
+                        });
                     }
                 }
                 else {
@@ -1016,17 +1071,31 @@
             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) {