feat: add vwo-script
This commit is contained in:
Arvid Norlin
@@ -3,6 +3,7 @@ import Script from "next/script"
|
||||
|
||||
import type { Metadata } from "next"
|
||||
import type { LangParams, LayoutArgs } from "@/types/params"
|
||||
import VwoScript from "@/components/Current/VwoScript"
|
||||
|
||||
export const metadata: Metadata = {
|
||||
description: "New web",
|
||||
@@ -28,6 +29,7 @@ export default function RootLayout({
|
||||
src="https://consent.cookiebot.com/uc.js"
|
||||
/>
|
||||
<AdobeScript />
|
||||
<VwoScript />
|
||||
</head>
|
||||
<body>
|
||||
{children}
|
||||
|
||||
@@ -8,6 +8,7 @@ import SkipToMainContent from "@/components/SkipToMainContent"
|
||||
|
||||
import type { Metadata } from "next"
|
||||
import type { LangParams, LayoutArgs } from "@/types/params"
|
||||
import VwoScript from "@/components/Current/VwoScript"
|
||||
|
||||
export const metadata: Metadata = {
|
||||
description: "New web",
|
||||
@@ -68,6 +69,7 @@ export default function RootLayout({
|
||||
id="ensure-datalayer"
|
||||
>{`window.datalayer = window.datalayer || {}`}</Script>
|
||||
<AdobeScript />
|
||||
<VwoScript />
|
||||
</head>
|
||||
<body>
|
||||
<LangPopup lang={params.lang} />
|
||||
|
||||
136
components/Current/VwoScript.tsx
Normal file
136
components/Current/VwoScript.tsx
Normal file
@@ -0,0 +1,136 @@
|
||||
import Script from "next/script"
|
||||
|
||||
export default function VwoScript() {
|
||||
return (
|
||||
<Script id="initialize-vwo" data-cookieconsent="statistics">{`
|
||||
// VWO initialization code
|
||||
// Note ------------
|
||||
// Any update in this file should also update the cache burst parameter manually in the layout files
|
||||
// Updated snippet for cookie consent handling - 07-Mar-2023
|
||||
|
||||
var _vwo_clicks = 50;
|
||||
//DO NOT make any changes to smart code except for entering your account id
|
||||
window._vwo_code = window._vwo_code || (function() {
|
||||
var account_id = 373511,
|
||||
settings_tolerance = 2500,
|
||||
library_tolerance = 3000,
|
||||
use_existing_jquery = false,
|
||||
/* DO NOT EDIT BELOW THIS LINE */
|
||||
f = false,
|
||||
d = document,
|
||||
filterToleranceTimer,
|
||||
code = {
|
||||
use_existing_jquery: function() {
|
||||
return use_existing_jquery;
|
||||
},
|
||||
library_tolerance: function() {
|
||||
return library_tolerance;
|
||||
},
|
||||
finish: function() {
|
||||
if (!f) {
|
||||
f = true;
|
||||
var a = d.getElementById('_vis_opt_path_hides');
|
||||
if (a) a.parentNode.removeChild(a);
|
||||
}
|
||||
},
|
||||
finished: function() {
|
||||
return f;
|
||||
},
|
||||
load: function(a) {
|
||||
var b = d.createElement('script');
|
||||
b.src = a;
|
||||
b.type = 'text/javascript';
|
||||
b.innerText;
|
||||
b.onerror = function() {
|
||||
_vwo_code.finish();
|
||||
};
|
||||
d.getElementsByTagName('head')[0].appendChild(b);
|
||||
},
|
||||
init: function() {
|
||||
window.settings_timer = setTimeout(function() {
|
||||
_vwo_code.finish();
|
||||
}, settings_tolerance);
|
||||
|
||||
var filterConfig = this.filterConfig;
|
||||
if (!filterConfig) {
|
||||
var a = d.createElement('style'),
|
||||
b = hide_element ? hide_element + '{opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important;}' : '',
|
||||
h = d.getElementsByTagName('head')[0];
|
||||
a.setAttribute('id', '_vis_opt_path_hides');
|
||||
a.setAttribute('type', 'text/css');
|
||||
if (a.styleSheet) a.styleSheet.cssText = b;
|
||||
else a.appendChild(d.createTextNode(b));
|
||||
h.appendChild(a);
|
||||
}
|
||||
this.load('https://dev.visualwebsiteoptimizer.com/j.php?a=' + account_id + '&u=' + encodeURIComponent(d.URL) + '&r=' + Math.random());
|
||||
return settings_timer;
|
||||
},
|
||||
setFilterConfigAndApplyFilter: function(config) {
|
||||
if (!config) {
|
||||
// No config will lead to early return and no addition of smart code
|
||||
return;
|
||||
}
|
||||
var state = this.isNonLiveMode(account_id) || config.isConsentGiven();
|
||||
if (state === "1") {
|
||||
// if cookie consent was already given and the cookies were already accepted, execute out normal flow
|
||||
hide_element = 'body';
|
||||
window._vwo_settings_timer = _vwo_code.init();
|
||||
return;
|
||||
} else if (state === "2") {
|
||||
return;
|
||||
}
|
||||
|
||||
this.filterConfig = config;
|
||||
var timer = setInterval(function() {
|
||||
var state = config.isConsentGiven();
|
||||
var shouldClearAllIntervals;
|
||||
if (state === "1") {
|
||||
window._vwo_settings_timer = _vwo_code.init();
|
||||
shouldClearAllIntervals = true;
|
||||
} else if (state === "2") {
|
||||
_vwo_code.filterConfig = undefined;
|
||||
shouldClearAllIntervals = true;
|
||||
}
|
||||
if (shouldClearAllIntervals) {
|
||||
clearInterval(timer);
|
||||
clearInterval(filterToleranceTimer);
|
||||
}
|
||||
}, 100)
|
||||
},
|
||||
isNonLiveMode: function(accountId) {
|
||||
var wName = window.name;
|
||||
if (!wName) {
|
||||
return;
|
||||
}
|
||||
return (
|
||||
(wName.indexOf('_vis_editor') > -1 ||
|
||||
wName.indexOf('_vis_preview_' + accountId) > -1 ||
|
||||
wName.indexOf('_vis_heatmap_' + accountId) > -1) &&
|
||||
'1'
|
||||
);
|
||||
}
|
||||
};
|
||||
return code;
|
||||
}());
|
||||
|
||||
_vwo_code.setFilterConfigAndApplyFilter({
|
||||
popupSelector: '#CybotCookiebotDialog',
|
||||
isConsentGiven: function() {
|
||||
/** your custom Code */
|
||||
if (document.cookie.indexOf("CookieConsent") != -1) {
|
||||
var ccValue = decodeURIComponent(document.cookie.replace(new RegExp("(?:(?:^|.*;)\\s*" + encodeURIComponent("CookieConsent").replace(/[\-\.\+\*]/g, "\\$&") + "\\s*\\=\\s*([^;]*).*$)|^.*$"), "$1")) || null;
|
||||
let consentValue = "2";
|
||||
if (ccValue) {
|
||||
ccValue = ccValue.substring(ccValue.indexOf(",statistics")+12);
|
||||
ccValue = ccValue.substring(0, ccValue.indexOf(","));
|
||||
consentValue = ccValue === "true" ? "1" : "2";
|
||||
}
|
||||
return consentValue;
|
||||
} else {
|
||||
return "3";
|
||||
}
|
||||
}
|
||||
});
|
||||
`}</Script>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user