Andal.LND/frontend-app-authn
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: fixed cohesion snippet loading (#1366)

Browse Source
This commit is contained in:
ayesha waris
2024-11-13 17:45:20 +05:00
committed by GitHub
parent b18caa2da0
commit 0fa00290da
2 changed files with 62 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
src/MainApp.jsx
View File

@@ -5,7 +5,6 @@ import { AppProvider } from '@edx/frontend-platform/react';
import { Helmet } from 'react-helmet';
import { Navigate, Route, Routes } from 'react-router-dom';
import Cohesion from './cohesion';
import {
EmbeddedRegistrationRoute, NotFoundPage, registerIcons, UnAuthOnlyRoute,
} from './common-components';
@@ -36,8 +35,69 @@ registerIcons();
const MainApp = () => (
<AppProvider store={configureStore()}>
<Cohesion />
<Helmet>
{/* Cohesion Snippet */}
<script>
{`!function (co, h, e, s, i, o, n) {
var d = 'documentElement'; var a = 'className'; h[d][a] += ' preampjs fusejs';
n.k = e; co._Cohesion = n; co._Preamp = { k: s, start: new Date }; co._Fuse = { k: i }; co._Tagular = { k: o };
[e, s, i, o].map(function (x) { co[x] = co[x] || function () { (co[x].q = co[x].q || []).push([].slice.call(arguments)) } });
var b = function () { var u = h[d][a]; h[d][a] = u.replace(/ ?preampjs| ?fusejs/g, '') };
h.addEventListener('DOMContentLoaded', function () {
co.setTimeout(b, 3e3);
co._Preamp.docReady = co._Fuse.docReady = !0
}); var z = h.createElement('script');
z.async = 1; z.src = 'https://beam.edx.org/cohesion/cohesion-latest.min.js';
z.onerror = function () { var ce = 'error',f = 'function'; for (var o of co[e].q || []) o[0] === ce && typeof o[1] == f && o[1](); co[e] = function (n, cb) { n === ce && typeof cb == f && cb() }; b() };
h.head.appendChild(z);
}
(window, document, 'cohesion', 'preamp', 'fuse', 'tagular', {
tagular: {
apiHost: 'https://beam.edx.org/v2/t',
writeKey: "${process.env.COHESION_WRITE_KEY}",
sourceKey: "${process.env.COHESION_SOURCE_KEY}",
cookieDomain: 'edx.org',
domainWhitelist: ["edx.org"],
apiVersion: 'v2/t',
multiparty: true,
taggy: {
enabled: true
}
}
});`}
</script>
{/* Stitch Cohesion and Segment IDs */}
<script>
{`cohesion("tagular:ready", function () {
window.analytics.ready(function () {
const cohesionAnonymId = window.tagular("getAliasSet")["anonymousId"];
const segmentAnonymId = window.analytics.user().anonymousId();
const segmentUserId = window.analytics.user().id();
window.analytics.identify(segmentUserId, {
cohesion_anonymous_id: cohesionAnonymId,
});
window.tagular("beam", {
"@type": "core.Identify.v1",
traits: {},
externalIds: [
{
id: segmentAnonymId,
type: "segment_anonymous_id",
collection: "users",
encoding: "none",
},
{
id: cohesionAnonymId,
type: "cohesion_anonymous_id",
collection: "users",
encoding: "none",
},
],
});
});
});`}
</script>
<link rel="shortcut icon" href={getConfig().FAVICON_URL} type="image/x-icon" />
</Helmet>
<Routes>

86
src/cohesion/index.js
View File

@@ -1,86 +0,0 @@
import { useEffect } from 'react';
const CohesionScript = () => {
useEffect(() => {
const cohesionScript = document.createElement('script');
const idStitching = document.createElement('script');
cohesionScript.innerHTML = `
!function (co, h, e, s, i, o, n) {
var d = 'documentElement'; var a = 'className'; h[d][a] += ' preampjs fusejs';
n.k = e; co._Cohesion = n; co._Preamp = { k: s, start: new Date }; co._Fuse = { k: i }; co._Tagular = { k: o };
[e, s, i, o].map(function (x) { co[x] = co[x] || function () { (co[x].q = co[x].q || []).push([].slice.call(arguments)) } });
var b = function () { var u = h[d][a]; h[d][a] = u.replace(/ ?preampjs| ?fusejs/g, '') };
h.addEventListener('DOMContentLoaded', function () {
co.setTimeout(b, 3e3);
co._Preamp.docReady = co._Fuse.docReady = !0
}); var z = h.createElement('script');
z.async = 1; z.src = 'https://beam.edx.org/cohesion/cohesion-latest.min.js';
z.onerror = function () { var ce = 'error',f = 'function'; for (var o of co[e].q || []) o[0] === ce && typeof o[1] == f && o[1](); co[e] = function (n, cb) { n === ce && typeof cb == f && cb() }; b() };
h.head.appendChild(z);
}
(window, document, 'cohesion', 'preamp', 'fuse', 'tagular', {
tagular: {
apiHost: 'https://beam.edx.org/v2/t',
writeKey: "${process.env.COHESION_WRITE_KEY}",
sourceKey: "${process.env.COHESION_SOURCE_KEY}",
cookieDomain: 'edx.org',
domainWhitelist: ["edx.org"],
apiVersion: 'v2/t',
multiparty: true,
taggy: {
enabled: true
}
}
});
`;
document.head.appendChild(cohesionScript);
// Id Stitching script (executed after the cohesionScript is loaded)
cohesionScript.onload = () => {
idStitching.innerHTML = `
cohesion("tagular:ready", function () {
window.analytics.ready(function () {
const cohesionAnonymId = window.tagular("getAliasSet")["anonymousId"];
const segmentAnonymId = window.analytics.user().anonymousId();
const segmentUserId = window.analytics.user().id();
window.analytics.identify(segmentUserId, {
cohesion_anonymous_id: cohesionAnonymId,
});
window.tagular("beam", {
"@type": "core.Identify.v1",
traits: {},
externalIds: [
{
id: segmentAnonymId,
type: "segment_anonymous_id",
collection: "users",
encoding: "none",
},
{
id: cohesionAnonymId,
type: "cohesion_anonymous_id",
collection: "users",
encoding: "none",
},
],
});
});
});
`;
document.head.appendChild(idStitching);
};
// Cleanup
return () => {
document.head.removeChild(cohesionScript);
document.head.removeChild(idStitching);
};
}, []);
return null;
};
export default CohesionScript;