aesirx-analytics 2.0.0 → 2.1.0
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +72 -2
- package/dist/{Consent-7KHERFGJ.js → Consent-OBULXA4M.js} +1952 -1241
- package/dist/analytics.js +9798 -1038
- package/dist/chunk-RN267RCX.js +875 -0
- package/dist/index.js +5 -5
- package/package.json +12 -6
- package/dist/chunk-JQ6CXYV4.js +0 -34
package/README.md
CHANGED
|
@@ -19,11 +19,23 @@ Follow the instructions in: [https://github.com/aesirxio/analytics-1stparty](htt
|
|
|
19
19
|
1. Add script to `<head>`:
|
|
20
20
|
|
|
21
21
|
```
|
|
22
|
-
<script>
|
|
22
|
+
<script>
|
|
23
|
+
window.aesirx1stparty = "https://example.com"
|
|
24
|
+
window.aesirxClientID="[REPLACE THIS WITH THE PROVIDED CLIENT_ID]"
|
|
25
|
+
</script>
|
|
23
26
|
<script async defer src="YOUR_PROJECT_PATH/analytics.js"></script>
|
|
24
27
|
```
|
|
25
28
|
|
|
26
|
-
(`https://example.com` is the link to your 1st party server which must be installed)
|
|
29
|
+
1. (`https://example.com` is the link to your 1st party server which must be installed)
|
|
30
|
+
2. `CLIENT_ID` replace this with the provided `CLIENT_ID` from https://sso.aesirx.io/
|
|
31
|
+
3. `CLIENT_SECRET` replace this with the provided `CLIENT_SECRET` from https://sso.aesirx.io/
|
|
32
|
+
|
|
33
|
+
##### Disable Consent Popup:
|
|
34
|
+
```
|
|
35
|
+
<script>
|
|
36
|
+
window.disableAnalyticsConsent = "true"
|
|
37
|
+
</script>
|
|
38
|
+
```
|
|
27
39
|
|
|
28
40
|
#### Usage in ReactJS
|
|
29
41
|
|
|
@@ -33,8 +45,16 @@ Follow the instructions in: [https://github.com/aesirxio/analytics-1stparty](htt
|
|
|
33
45
|
|
|
34
46
|
```
|
|
35
47
|
REACT_APP_ENDPOINT_ANALYTICS_URL=https://example.com
|
|
48
|
+
REACT_APP_SSO_CLIENT_ID=[REPLACE THIS WITH THE PROVIDED CLIENT_ID]
|
|
36
49
|
|
|
37
50
|
(https://example.com is the link to your 1st party server)
|
|
51
|
+
`CLIENT_ID` replace this with the provided `CLIENT_ID` from https://sso.aesirx.io/
|
|
52
|
+
```
|
|
53
|
+
|
|
54
|
+
##### Disable Consent Popup:
|
|
55
|
+
add this environment variable to `.env`
|
|
56
|
+
```
|
|
57
|
+
REACT_APP_DISABLE_ANALYTICS_CONSENT=true
|
|
38
58
|
```
|
|
39
59
|
|
|
40
60
|
###### With react-router-dom v5:
|
|
@@ -66,8 +86,16 @@ export default AnalyticsContainer;
|
|
|
66
86
|
|
|
67
87
|
```
|
|
68
88
|
NEXT_PUBLIC_ENDPOINT_ANALYTICS_URL=https://example.com
|
|
89
|
+
NEXT_PUBLIC_SSO_CLIENT_ID=[REPLACE THIS WITH THE PROVIDED CLIENT_ID]
|
|
69
90
|
|
|
70
91
|
(https://example.com is the link to your 1st party server)
|
|
92
|
+
`CLIENT_ID` replace this with the provided `CLIENT_ID` from https://sso.aesirx.io/
|
|
93
|
+
```
|
|
94
|
+
|
|
95
|
+
##### Disable Consent Popup:
|
|
96
|
+
add this environment variable to `.env`
|
|
97
|
+
```
|
|
98
|
+
NEXT_PUBLIC_DISABLE_ANALYTICS_CONSENT=true
|
|
71
99
|
```
|
|
72
100
|
|
|
73
101
|
###### With next/router:
|
|
@@ -205,3 +233,45 @@ const CustomEvent = () => {
|
|
|
205
233
|
(`endPoint` is the link to your 1st party server which must be installed)
|
|
206
234
|
|
|
207
235
|
(`referer` is the referer domain)
|
|
236
|
+
|
|
237
|
+
## Customize CSS for Consent modal
|
|
238
|
+
Please follow below CSS example:
|
|
239
|
+
```
|
|
240
|
+
// Customize toast
|
|
241
|
+
.aesirxconsent .toast {
|
|
242
|
+
--aesirxconsent-toast-font-size: 16px;
|
|
243
|
+
--aesirxconsent-toast-padding-x: 0.75rem;
|
|
244
|
+
--aesirxconsent-toast-padding-y: 0.5rem;
|
|
245
|
+
--aesirxconsent-toast-spacing: 1.5rem;
|
|
246
|
+
--aesirxconsent-toast-zindex: 1049;
|
|
247
|
+
}
|
|
248
|
+
// Customize button
|
|
249
|
+
.aesirxconsent .btn {
|
|
250
|
+
--aesirxconsent-btn-font-size: 16px;
|
|
251
|
+
--aesirxconsent-btn-padding-x: 0.75rem;
|
|
252
|
+
--aesirxconsent-btn-padding-y: 0.375rem;
|
|
253
|
+
--aesirxconsent-btn-font-weight: 400;
|
|
254
|
+
--aesirxconsent-btn-line-height: 1.5;
|
|
255
|
+
}
|
|
256
|
+
// Customize button success
|
|
257
|
+
.aesirxconsent .btn-success {
|
|
258
|
+
--aesirxconsent-btn-color: #000;
|
|
259
|
+
--aesirxconsent-btn-bg: #1ab394;
|
|
260
|
+
--aesirxconsent-btn-border-color: #1ab394;
|
|
261
|
+
--aesirxconsent-btn-hover-color: #000;
|
|
262
|
+
--aesirxconsent-btn-hover-bg: #3cbea4;
|
|
263
|
+
--aesirxconsent-btn-hover-border-color: #31bb9f;
|
|
264
|
+
--aesirxconsent-btn-focus-shadow-rgb: 22, 152, 126;
|
|
265
|
+
--aesirxconsent-btn-active-color: #000;
|
|
266
|
+
--aesirxconsent-btn-active-bg: #48c2a9;
|
|
267
|
+
--aesirxconsent-btn-active-border-color: #31bb9f;
|
|
268
|
+
--aesirxconsent-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
|
269
|
+
--aesirxconsent-btn-disabled-color: #000;
|
|
270
|
+
--aesirxconsent-btn-disabled-bg: #1ab394;
|
|
271
|
+
--aesirxconsent-btn-disabled-border-color: #1ab394;
|
|
272
|
+
}
|
|
273
|
+
// To customize CSS for dark mode (Bootstrap dark mode)
|
|
274
|
+
[data-bs-theme=dark] .aesirxconsent {
|
|
275
|
+
color: #fff;
|
|
276
|
+
}
|
|
277
|
+
```
|