@driveflux/web-analytics 1.6.2 → 1.6.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/config.js +16 -14
- package/dist/track-server.d.ts.map +1 -1
- package/dist/track-server.js +32 -37
- package/dist/track-server.js.map +1 -1
- package/dist/track.js +32 -33
- package/dist/types.js +2 -1
- package/dist/utils.js +28 -23
- package/package.json +1 -1
package/dist/config.js
CHANGED
|
@@ -1,21 +1,23 @@
|
|
|
1
1
|
import { singleton } from '@driveflux/singleton';
|
|
2
|
-
const getConfig = ()=>({
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
2
|
+
const getConfig = () => ({
|
|
3
|
+
appUrl: process.env.APP_URL || 'https://driveflux.com',
|
|
4
|
+
ga: {
|
|
5
|
+
measurementId: process.env.GA_MEASUREMENT_ID,
|
|
6
|
+
apiSecret: process.env.GA_API_SECRET,
|
|
7
|
+
},
|
|
8
|
+
fb: {
|
|
9
|
+
pixelId: process.env.NEXT_PUBLIC_FB_PIXEL_ID,
|
|
10
|
+
accessToken: process.env.FB_ACCESS_TOKEN,
|
|
11
|
+
},
|
|
12
|
+
consoleLogEvents: process.env.ANALYTICS_LOG_EVENTS === 'true' ||
|
|
13
|
+
process.env.APP_ENV !== 'production',
|
|
14
|
+
});
|
|
14
15
|
export let config = singleton('webAnalyticsConfig', getConfig());
|
|
15
|
-
export const resetConfig = ()=>{
|
|
16
|
+
export const resetConfig = () => {
|
|
16
17
|
config = singleton('webAnalyticsConfig', getConfig(), true);
|
|
17
18
|
return config;
|
|
18
19
|
};
|
|
19
|
-
export const setConfig = (key, value)=>{
|
|
20
|
+
export const setConfig = (key, value) => {
|
|
20
21
|
config[key] = value;
|
|
21
22
|
};
|
|
23
|
+
//# sourceMappingURL=config.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"track-server.d.ts","sourceRoot":"","sources":["../src/track-server.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAE3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAUhD,eAAO,MAAM,qBAAqB,
|
|
1
|
+
{"version":3,"file":"track-server.d.ts","sourceRoot":"","sources":["../src/track-server.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAE3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAUhD,eAAO,MAAM,qBAAqB,SAC3B,cAAc,UACZ;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,UAAU,CAAA;CAAE,EAAE,kBA0E7C,CAAA;AAED,eAAO,MAAM,aAAa,SACnB,cAAc,QACd,MAAM,SACL,UAAU,kBACgC,CAAA;AAGlD,eAAO,MAAM,qBAAqB,SAC3B,cAAc,UACZ;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,UAAU,CAAA;CAAE,EAAE,kBAuE7C,CAAA;AAED,eAAO,MAAM,aAAa,SACnB,cAAc,QACd,MAAM,SACL,UAAU,kBACgC,CAAA"}
|
package/dist/track-server.js
CHANGED
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
import { enhancedFetch } from '@driveflux/fetch';
|
|
2
|
-
import { config } from './config';
|
|
3
|
-
import { convertFacebookUserData, convertGAUserData, extractAnalyticClientId, extractAnalyticSessionId, getCurrentTimestampMicros } from './utils.js';
|
|
2
|
+
import { config } from './config.js';
|
|
3
|
+
import { convertFacebookUserData, convertGAUserData, extractAnalyticClientId, extractAnalyticSessionId, getCurrentTimestampMicros, } from './utils.js';
|
|
4
4
|
// google
|
|
5
|
-
export const trackFbServerMultiple = async (user, events)=>{
|
|
5
|
+
export const trackFbServerMultiple = async (user, events) => {
|
|
6
6
|
if (events.length > 1) {
|
|
7
7
|
console.log('🚨🚨🚨🗄️ firing multiple server events', events);
|
|
8
|
-
const filtered = events.filter((e)
|
|
8
|
+
const filtered = events.filter((e) => !!e.name);
|
|
9
9
|
if (filtered.length !== events.length) {
|
|
10
10
|
console.log('Not all events have names');
|
|
11
11
|
return;
|
|
12
12
|
}
|
|
13
|
-
}
|
|
13
|
+
}
|
|
14
|
+
else {
|
|
14
15
|
console.log('🚨🚨🚨🗄️ firing server event', events?.[0]?.name, events?.[0]?.data);
|
|
15
16
|
if (!events?.[0]?.name) {
|
|
16
17
|
console.error('The name of the event is missing');
|
|
@@ -33,49 +34,47 @@ export const trackFbServerMultiple = async (user, events)=>{
|
|
|
33
34
|
const userData = user.data ? await convertFacebookUserData(user.data) : {};
|
|
34
35
|
const url = `https://graph.facebook.com/${apiVersion}/${pixelId}/events?access_token=${accessToken}`;
|
|
35
36
|
const payload = {
|
|
36
|
-
data: events
|
|
37
|
+
data: events
|
|
38
|
+
.map((e) => {
|
|
37
39
|
if (e.name) {
|
|
38
40
|
return {
|
|
39
41
|
event_name: e.name,
|
|
40
|
-
event_time: Math.floor(Date.now() / 1000),
|
|
42
|
+
event_time: Math.floor(Date.now() / 1000), // Unix timestamp in seconds
|
|
41
43
|
event_source_url: config.appUrl,
|
|
42
44
|
action_source: 'website',
|
|
43
45
|
user_data: {
|
|
44
46
|
...userData,
|
|
45
|
-
fbp: `fb.1.${clientId}
|
|
47
|
+
fbp: `fb.1.${clientId}`,
|
|
46
48
|
},
|
|
47
49
|
custom_data: {
|
|
48
|
-
...e.data
|
|
49
|
-
}
|
|
50
|
+
...e.data,
|
|
51
|
+
},
|
|
50
52
|
};
|
|
51
53
|
}
|
|
52
54
|
return null;
|
|
53
|
-
})
|
|
55
|
+
})
|
|
56
|
+
.filter(Boolean),
|
|
54
57
|
};
|
|
55
58
|
await enhancedFetch(url, {
|
|
56
59
|
method: 'POST',
|
|
57
60
|
headers: {
|
|
58
|
-
'Content-Type': 'application/json'
|
|
61
|
+
'Content-Type': 'application/json',
|
|
59
62
|
},
|
|
60
|
-
body: JSON.stringify(payload)
|
|
63
|
+
body: JSON.stringify(payload),
|
|
61
64
|
});
|
|
62
65
|
};
|
|
63
|
-
export const trackFbServer = async (user, name, data)=>trackFbServerMultiple(user, [
|
|
64
|
-
{
|
|
65
|
-
name,
|
|
66
|
-
data
|
|
67
|
-
}
|
|
68
|
-
]);
|
|
66
|
+
export const trackFbServer = async (user, name, data) => trackFbServerMultiple(user, [{ name, data }]);
|
|
69
67
|
// facebook
|
|
70
|
-
export const trackGAServerMultiple = async (user, events)=>{
|
|
68
|
+
export const trackGAServerMultiple = async (user, events) => {
|
|
71
69
|
if (events.length > 1) {
|
|
72
70
|
console.log('🚨🚨🚨🗄️ firing multiple server events', events);
|
|
73
|
-
const filtered = events.filter((e)
|
|
71
|
+
const filtered = events.filter((e) => !!e.name);
|
|
74
72
|
if (filtered.length !== events.length) {
|
|
75
73
|
console.log('Not all events have names');
|
|
76
74
|
return;
|
|
77
75
|
}
|
|
78
|
-
}
|
|
76
|
+
}
|
|
77
|
+
else {
|
|
79
78
|
console.log('🚨🚨🚨🗄️ firing server event', events?.[0]?.name, events?.[0]?.data);
|
|
80
79
|
if (!events?.[0]?.name) {
|
|
81
80
|
console.error('The name of the event is missing');
|
|
@@ -94,38 +93,34 @@ export const trackGAServerMultiple = async (user, events)=>{
|
|
|
94
93
|
console.log('The user client id or session id are not provided');
|
|
95
94
|
return;
|
|
96
95
|
}
|
|
97
|
-
const userData = user.data
|
|
98
|
-
user_data: await convertGAUserData(user.data)
|
|
99
|
-
|
|
96
|
+
const userData = user.data
|
|
97
|
+
? { user_data: await convertGAUserData(user.data) }
|
|
98
|
+
: {};
|
|
100
99
|
const url = `https://www.google-analytics.com/mp/collect?measurement_id=${measurementId}&api_secret=${apiSecret}`;
|
|
101
100
|
const payload = {
|
|
102
101
|
client_id: clientId,
|
|
103
102
|
timestamp_micros: getCurrentTimestampMicros(),
|
|
104
|
-
events: events.map((e)=>{
|
|
103
|
+
events: events.map((e) => {
|
|
105
104
|
if (e.name) {
|
|
106
105
|
return {
|
|
107
106
|
name: e.name,
|
|
108
107
|
params: {
|
|
109
108
|
...userData,
|
|
110
109
|
...e.data,
|
|
111
|
-
session_id: sessionId
|
|
112
|
-
}
|
|
110
|
+
session_id: sessionId,
|
|
111
|
+
},
|
|
113
112
|
};
|
|
114
113
|
}
|
|
115
114
|
return null;
|
|
116
|
-
})
|
|
115
|
+
}),
|
|
117
116
|
};
|
|
118
117
|
await enhancedFetch(url, {
|
|
119
118
|
method: 'POST',
|
|
120
119
|
headers: {
|
|
121
|
-
'Content-Type': 'application/json'
|
|
120
|
+
'Content-Type': 'application/json',
|
|
122
121
|
},
|
|
123
|
-
body: JSON.stringify(payload)
|
|
122
|
+
body: JSON.stringify(payload),
|
|
124
123
|
});
|
|
125
124
|
};
|
|
126
|
-
export const trackGAServer = async (user, name, data)=>trackGAServerMultiple(user, [
|
|
127
|
-
|
|
128
|
-
name,
|
|
129
|
-
data
|
|
130
|
-
}
|
|
131
|
-
]);
|
|
125
|
+
export const trackGAServer = async (user, name, data) => trackGAServerMultiple(user, [{ name, data }]);
|
|
126
|
+
//# sourceMappingURL=track-server.js.map
|
package/dist/track-server.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"track-server.js","sourceRoot":"","sources":["../src/track-server.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"track-server.js","sourceRoot":"","sources":["../src/track-server.ts"],"names":[],"mappings":"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"}
|
package/dist/track.js
CHANGED
|
@@ -4,17 +4,16 @@ import { config } from './config.js';
|
|
|
4
4
|
import { convertGAUserData, extractAnalyticClientId } from './utils.js';
|
|
5
5
|
const eventsQueue = new Set();
|
|
6
6
|
const TIMEOUT_TO_CLEAR_EVENTS = 500;
|
|
7
|
-
const drainEvents = ()=>{
|
|
8
|
-
const events = [
|
|
9
|
-
...eventsQueue
|
|
10
|
-
];
|
|
7
|
+
const drainEvents = () => {
|
|
8
|
+
const events = [...eventsQueue];
|
|
11
9
|
eventsQueue.clear();
|
|
12
|
-
for (const event of events){
|
|
10
|
+
for (const event of events) {
|
|
13
11
|
sendGTMEvent(event);
|
|
14
12
|
}
|
|
15
13
|
};
|
|
16
|
-
const interval = setInterval(()=>{
|
|
17
|
-
if (typeof window === 'undefined')
|
|
14
|
+
const interval = setInterval(() => {
|
|
15
|
+
if (typeof window === 'undefined')
|
|
16
|
+
return;
|
|
18
17
|
if (window.fluxDataLayer) {
|
|
19
18
|
drainEvents();
|
|
20
19
|
clearInterval(interval);
|
|
@@ -26,7 +25,8 @@ if (ud) {
|
|
|
26
25
|
try {
|
|
27
26
|
const json = Buffer.from(ud, 'base64').toString('utf8');
|
|
28
27
|
defaultUserData = JSON.parse(json);
|
|
29
|
-
}
|
|
28
|
+
}
|
|
29
|
+
catch (e) { }
|
|
30
30
|
}
|
|
31
31
|
export function getAnalyticClientId(type) {
|
|
32
32
|
if (typeof document === 'undefined') {
|
|
@@ -34,30 +34,30 @@ export function getAnalyticClientId(type) {
|
|
|
34
34
|
}
|
|
35
35
|
const prefix = type === 'facebook' ? 'fbp' : 'ga';
|
|
36
36
|
const cookies = document.cookie.split(';');
|
|
37
|
-
const cookie = cookies.find((cookie)=>cookie.trim().startsWith(`_${prefix}=`));
|
|
37
|
+
const cookie = cookies.find((cookie) => cookie.trim().startsWith(`_${prefix}=`));
|
|
38
38
|
if (cookie) {
|
|
39
39
|
return extractAnalyticClientId(cookie);
|
|
40
40
|
}
|
|
41
|
-
return null // If no cookie is found or format is unexpected
|
|
42
|
-
;
|
|
41
|
+
return null; // If no cookie is found or format is unexpected
|
|
43
42
|
}
|
|
44
|
-
const sendGTMEvent = (data)=>{
|
|
43
|
+
const sendGTMEvent = (data) => {
|
|
45
44
|
if (window.fluxDataLayer) {
|
|
46
45
|
window.fluxDataLayer.push(data);
|
|
47
|
-
}
|
|
46
|
+
}
|
|
47
|
+
else {
|
|
48
48
|
console.warn('GTM dataLayer fluxDataLayer does not exist');
|
|
49
49
|
}
|
|
50
50
|
};
|
|
51
|
-
export const safeSendGTMEvent = async (event)=>{
|
|
51
|
+
export const safeSendGTMEvent = async (event) => {
|
|
52
52
|
if (!window.fluxDataLayer) {
|
|
53
53
|
eventsQueue.add(event);
|
|
54
54
|
return;
|
|
55
55
|
}
|
|
56
56
|
sendGTMEvent(event);
|
|
57
57
|
};
|
|
58
|
-
export const useTrackEvent = ()=>{
|
|
58
|
+
export const useTrackEvent = () => {
|
|
59
59
|
const userData = useRef(defaultUserData);
|
|
60
|
-
const track = useCallback((eventName, eventData, clearMode)=>{
|
|
60
|
+
const track = useCallback((eventName, eventData, clearMode) => {
|
|
61
61
|
if (config.consoleLogEvents) {
|
|
62
62
|
console.log('🚨🚨🚨 firing event', eventName, eventData);
|
|
63
63
|
}
|
|
@@ -67,32 +67,33 @@ export const useTrackEvent = ()=>{
|
|
|
67
67
|
}
|
|
68
68
|
const event = {
|
|
69
69
|
event: eventName,
|
|
70
|
-
...userData.current
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
70
|
+
...(userData.current
|
|
71
|
+
? {
|
|
72
|
+
user_data: userData.current,
|
|
73
|
+
}
|
|
74
|
+
: {}),
|
|
75
|
+
...eventData,
|
|
74
76
|
};
|
|
75
77
|
if (clearMode === 'clearItems') {
|
|
76
|
-
safeSendGTMEvent({
|
|
77
|
-
items: undefined
|
|
78
|
-
});
|
|
78
|
+
safeSendGTMEvent({ items: undefined });
|
|
79
79
|
}
|
|
80
80
|
safeSendGTMEvent(event);
|
|
81
81
|
}, []);
|
|
82
|
-
const setUserData = useCallback(async (dataInput)=>{
|
|
82
|
+
const setUserData = useCallback(async (dataInput) => {
|
|
83
83
|
userData.current = await convertGAUserData(dataInput);
|
|
84
84
|
localStorage.setItem('ud', Buffer.from(JSON.stringify(userData.current), 'utf8').toString('base64'));
|
|
85
85
|
}, []);
|
|
86
86
|
return {
|
|
87
87
|
track,
|
|
88
|
-
setUserData
|
|
88
|
+
setUserData,
|
|
89
89
|
};
|
|
90
90
|
};
|
|
91
|
-
export const useAutoTrackEvent = (eventName, eventData)=>{
|
|
91
|
+
export const useAutoTrackEvent = (eventName, eventData) => {
|
|
92
92
|
const previousEventData = useRef();
|
|
93
93
|
const firedFirstEvent = useRef(false);
|
|
94
|
-
useEffect(()=>{
|
|
95
|
-
if (isEqual(previousEventData.current, eventData) &&
|
|
94
|
+
useEffect(() => {
|
|
95
|
+
if (isEqual(previousEventData.current, eventData) &&
|
|
96
|
+
firedFirstEvent.current) {
|
|
96
97
|
return;
|
|
97
98
|
}
|
|
98
99
|
firedFirstEvent.current = true;
|
|
@@ -101,12 +102,10 @@ export const useAutoTrackEvent = (eventName, eventData)=>{
|
|
|
101
102
|
}
|
|
102
103
|
const event = {
|
|
103
104
|
event: eventName,
|
|
104
|
-
...eventData
|
|
105
|
+
...eventData,
|
|
105
106
|
};
|
|
106
107
|
safeSendGTMEvent(event);
|
|
107
108
|
previousEventData.current = eventData;
|
|
108
|
-
}, [
|
|
109
|
-
eventData,
|
|
110
|
-
eventName
|
|
111
|
-
]);
|
|
109
|
+
}, [eventData, eventName]);
|
|
112
110
|
};
|
|
111
|
+
//# sourceMappingURL=track.js.map
|
package/dist/types.js
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=types.js.map
|
package/dist/utils.js
CHANGED
|
@@ -2,54 +2,58 @@ export async function hashData(input) {
|
|
|
2
2
|
const encoder = new TextEncoder();
|
|
3
3
|
const data = encoder.encode(input);
|
|
4
4
|
const hashBuffer = await crypto.subtle.digest('SHA-256', data);
|
|
5
|
-
const hashArray = Array.from(new Uint8Array(hashBuffer)) // Convert buffer to byte array
|
|
6
|
-
;
|
|
7
|
-
const hashHex = hashArray.map((b)=>b.toString(16).padStart(2, '0')).join('') // Convert bytes to hex string
|
|
8
|
-
;
|
|
5
|
+
const hashArray = Array.from(new Uint8Array(hashBuffer)); // Convert buffer to byte array
|
|
6
|
+
const hashHex = hashArray.map((b) => b.toString(16).padStart(2, '0')).join(''); // Convert bytes to hex string
|
|
9
7
|
return hashHex;
|
|
10
8
|
}
|
|
11
|
-
export const getCurrentTimestampMicros = ()=>{
|
|
9
|
+
export const getCurrentTimestampMicros = () => {
|
|
12
10
|
const now = new Date();
|
|
13
11
|
const epochMillis = now.getTime();
|
|
14
12
|
const epochMicros = epochMillis * 1000;
|
|
15
13
|
return epochMicros.toString();
|
|
16
14
|
};
|
|
17
|
-
export const extractAnalyticClientId = (cookie)=>{
|
|
15
|
+
export const extractAnalyticClientId = (cookie) => {
|
|
18
16
|
const matches = cookie.split('.');
|
|
19
17
|
if (matches.length > 2) {
|
|
20
18
|
return `${matches[2]}.${matches[3]}`;
|
|
21
19
|
}
|
|
22
20
|
return null;
|
|
23
21
|
};
|
|
24
|
-
export const extractAnalyticSessionId = (cookie)=>{
|
|
22
|
+
export const extractAnalyticSessionId = (cookie) => {
|
|
25
23
|
const matches = cookie.split('.');
|
|
26
24
|
if (matches.length > 2) {
|
|
27
25
|
return Number.parseInt(`${matches[2]}`);
|
|
28
26
|
}
|
|
29
27
|
return null;
|
|
30
28
|
};
|
|
31
|
-
export const convertGAUserData = async (dataInput)=>{
|
|
29
|
+
export const convertGAUserData = async (dataInput) => {
|
|
32
30
|
const userAddress = dataInput.addresses?.home || dataInput.addresses?.billing;
|
|
33
31
|
return {
|
|
34
32
|
user_id: dataInput.id,
|
|
35
33
|
email: await hashData(dataInput.email),
|
|
36
|
-
phone_number: dataInput.phoneNumber
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
34
|
+
phone_number: dataInput.phoneNumber
|
|
35
|
+
? await hashData(dataInput.phoneNumber)
|
|
36
|
+
: undefined,
|
|
37
|
+
address: userAddress
|
|
38
|
+
? {
|
|
39
|
+
first_name: dataInput.firstName
|
|
40
|
+
? await hashData(dataInput.firstName)
|
|
41
|
+
: undefined,
|
|
42
|
+
last_name: dataInput.lastName
|
|
43
|
+
? await hashData(dataInput.lastName)
|
|
44
|
+
: undefined,
|
|
45
|
+
street: [userAddress.street1, userAddress.street2].join(', '),
|
|
46
|
+
city: userAddress.city,
|
|
47
|
+
region: userAddress.state,
|
|
48
|
+
postal_code: userAddress.postalCode,
|
|
49
|
+
country: userAddress.country,
|
|
50
|
+
}
|
|
51
|
+
: undefined,
|
|
49
52
|
};
|
|
50
53
|
};
|
|
51
|
-
export const convertFacebookUserData = async (userData)=>{
|
|
52
|
-
if (!userData)
|
|
54
|
+
export const convertFacebookUserData = async (userData) => {
|
|
55
|
+
if (!userData)
|
|
56
|
+
return {};
|
|
53
57
|
const data = {};
|
|
54
58
|
if (userData.email) {
|
|
55
59
|
data.em = await hashData(userData.email.toLowerCase().trim());
|
|
@@ -67,3 +71,4 @@ export const convertFacebookUserData = async (userData)=>{
|
|
|
67
71
|
}
|
|
68
72
|
return data;
|
|
69
73
|
};
|
|
74
|
+
//# sourceMappingURL=utils.js.map
|