Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Run scripts instead of inserting into head #172

Merged
merged 3 commits into from
Apr 4, 2024
Merged

Run scripts instead of inserting into head #172

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
4cd2fdc
Run scripts instead of inserting into head
samhotep Mar 28, 2024
246b0cb
Define tag functions directly on window
samhotep Mar 28, 2024
39d1f5e
Removed script deletion
samhotep Apr 4, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
64 changes: 15 additions & 49 deletions src/js/utils.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -102,36 +102,16 @@ export const getControlsContent = (details, language) => {
};

export const addGoogleConsentMode = () => {
let consentAlreadySetup = false;

// Check for existing gtag, consentSetup before adding the default script
for (let item of document.scripts) {
if (item.innerHTML.includes("gtag") || item.innerHTML.includes("consent")) {
consentAlreadySetup = true;
}
}

if (!consentAlreadySetup) {
// Delete existing script
let oldScript = document.getElementById("google-consent-mode");
oldScript && oldScript.remove();

// Add to head section
const consentSetup = `
<script id="google-consent-mode">
// Define dataLayer and the gtag function.
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
// Set default consent to 'denied' as a placeholder
gtag('consent', 'default', ${JSON.stringify(DEFAULT_CONSENT)});
</script>`;

if (document.head.innerHTML) {
// Add to the top of the head section to ensure it's before the tag manager script
document.head.innerHTML = consentSetup + document.head.innerHTML;
} else {
document.head.innerHTML = consentSetup;
}
// Check for existing gtag before adding the default script
if (!window.gtag) {
// Run the script to define gtag
window.dataLayer = window.dataLayer || [];
window.gtag = function gtag() {
dataLayer.push(arguments);
};

// Set default consent to 'denied' as a placeholder
window.gtag("consent", "default", JSON.stringify(DEFAULT_CONSENT));
}
};

Expand All @@ -151,7 +131,7 @@ export const setGoogleConsentFromControls = (controls) => {
});

// Insert the script at the bottom of the head section
insertConsentScript(updatedConsent);
runConsentScript(updatedConsent);
};

export const setGoogleConsentPreferences = (selectedPreference) => {
Expand All @@ -161,7 +141,7 @@ export const setGoogleConsentPreferences = (selectedPreference) => {
);

// Insert the script at the bottom of the head section
insertConsentScript(updatedConsent);
runConsentScript(updatedConsent);
};

const updateConsentPreferences = (consentObject, selectedPreference) => {
Expand All @@ -188,23 +168,9 @@ const updateConsentPreferences = (consentObject, selectedPreference) => {
return updatedConsent;
};

const insertConsentScript = (consentObject) => {
// Delete existing script
let oldScript = document.getElementById("consent-mode-preferences");
oldScript && oldScript.remove();

let consentScript = `
<script id="consent-mode-preferences">
gtag("consent", "update", ${JSON.stringify(consentObject)})
</script>
`;

if (document.head.innerHTML) {
// Add to the bottom of the head section to ensure it's after the tag manager script
document.head.innerHTML = document.head.innerHTML + consentScript;
} else {
document.head.innerHTML = consentScript;
}
const runConsentScript = (consentObject) => {
// Update preferences
window.gtag("consent", "update", JSON.stringify(consentObject));
};

const pushPageview = () => {
Expand Down
Loading