Coframe

(function () { // Early exit for performance testing if (/cf_disable/.test(location.search)) return console.warn('[Coframe] Disabled via URL parameter');

    // Coframe config
    const config = {
      projectId: '__PROJECT_ID__',
      startTime: Date.now(),
      timeoutMs: 1000,
      currentUrl: window.location.href,
    };

    // Prevent duplicate installation
    const script_id = 'coframe-sdk-js';
    if (document.getElementById(script_id)) return console.warn('[Coframe] SDK already installed');
    
    // Coframe queue setup
    (window.CFQ = window.CFQ || []).push({ config });

    // Coframe antiflicker CSS
    const style = document.createElement('style');
    style.id = 'coframe-antiflicker';
    
    style.textContent = 
      ':root { --cf-show: 0;}' +
      'body { opacity: var(--cf-show) !important; transition: opacity 0.2s ease; }'
    
    function hide() { document.head.appendChild(style); }
    function show() {
      document.documentElement.style.setProperty('--cf-show', '1');
      style.parentNode && style.parentNode.removeChild(style);
    }
    hide(); setTimeout(show, config.timeoutMs);
    
    // Coframe SDK JS
    var edgeUrl = new URL('https://edge.cofra.me/cf.js');
    edgeUrl.searchParams.set('config', encodeURIComponent(JSON.stringify(config)));

    const script = document.createElement('script');
    script.id = script_id;
    script.async = true;
    script.src = edgeUrl.toString();
    
    script.onerror = () => { show(); console.error('[Coframe] SDK failed to load'); };
    document.head.appendChild(script);
})();

</script>2. Verify InstallationTo verify that Coframe is installed correctly, open your browser's developer console and type:Copy code> Coframe {status: {…}, projectId: '...', variantsAndElements: Array(0), userToken: '...', sessionId: '...', …} > Coframe.status.initialized trueSuccess: If you see the Coframe object and Coframe.status.initialized returns true, the installation is working correctly.Issues: Check the browser console for any Coframe error logs if the object is not found or initialization failed.Configuration settingsUse Antiflicker (Synchronous)Hides page content briefly to prevent visual flicker when Coframe applies changes. Required if Coframe will modify visible content above the fold.Optional for tracking-only implementations or below-the-fold changes.Analytics callbackSend Coframe treatment data to your third-party analytics platform (Google Analytics, Amplitude, etc.).Feature Flag ControlEnable Coframe based on your feature flag system (e.g. emergency shutdown).Cookies Consent Only write coframe tracking cookies after user has accepted cookies consent. E.g. for GDPR compliance.CookielessCall this when the user/visitor unique id is handled by your tracking system. No coframe cookies are used when this option is enabled.Custom Conversion EventsTrack custom conversion events by calling the conversion tracking script when users complete specific actions (e.g., button clicks, form submissions, page views).Tracking Only ModeEnable this if you only want Coframe tracking and analytics, without applying variant changes to the page.CSP NonceApply a Content Security Policy nonce to dynamically injected scripts. Required if your site enforces a CSP with nonce-based script allowlisting.(self.__next_f=self.__next_f||[]).push([0])self.__next_f.push([1,"1:"$Sreact.fragment"\n2:I[339756,["/_next/static/chunks/0ltegxdwfou78.js"],"default"]\n3:I[837457,["/_next/static/chunks/0ltegxdwfou78.js"],"default"]\n4:I[92825,["/_next/static/chunks/0ltegxdwfou78.js"],"ClientSegmentRoot"]\n5:I[563435,["/_next/static/chunks/159zx_k3-d2up.js"],"default"]\n7:I[897367,["/_next/static/chunks/0ltegxdwfou78.js"],"OutletBoundary"]\n8:"$Sreact.suspense"\nb:I[897367,["/_next/static/chunks/0ltegxdwfou78.js"],"ViewportBoundary"]\nd:I[897367,["/_next/static/chunks/0ltegxdwfou78.js"],"MetadataBoundary"]\nf:I[834045,["/_next/static/chunks/0g8zqi3y07pqj.js"],"default"]\n11:I[987041,["/_next/static/chunks/159zx_k3-d2up.js","/_next/static/chunks/2w40j5z24pzz2.js","/_next/static/chunks/2pxbnjbjaqa4g.js","/_next/static/chunks/1ztj3zvz4izbd.js","/_next/static/chunks/1yamk79xknq3g.js","/_next/static/chunks/1lna8u1i8ohkc.js","/_next/static/chunks/432yvaegjdk9o.js","/_next/static/chunks/20d6yxl1n68_0.js","/_next/static/chunks/3wk5x0-ue16v7.js","/_next/static/chunks/2ofsxx18r0jcj.js","/_next/static/chunks/0r7mf_luaxymv.js","/_next/static/chunks/1m4vwoicwmmga.js","/_next/static/chunks/0x0-xmqel1nzi.js","/_next/static/chunks/01_a9t81607mm.js","/_next/static/chunks/0-bp_mrs34fs8.js"],"default"]\n:HL["/_next/static/chunks/2s90ftogoecmg.css","style"]\n:HL["/_next/static/chunks/3piepmm47cc3f.css","style"]\n:HL["/_next/static/chunks/12o1fwscnl-9f.css","style"]\n:HL["/_next/static/media/RoobertBold-s.p.3zv3a-kslvfr2.ttf","font",{"crossOrigin":"","type":"font/ttf"}]\n:HL["/_next/static/media/RoobertBoldItalic-s.p.3w-uthn5vk0o0.ttf","font",{"crossOrigin":"","type":"font/ttf"}]\n:HL["/_next/static/media/RoobertHeavy-s.p.0unurfj4kprd7.ttf","font",{"crossOrigin":"","type":"font/ttf"}]\n:HL["/_next/static/media/RoobertHeavyItalic-s.p.222k3ml49k-ei.ttf","font",{"crossOrigin":"","type":"font/ttf"}]\n:HL["/_next/static/media/RoobertLight-s.p.3b6k7mwtd7k9k.ttf","font",{"crossOrigin":"","type":"font/ttf"}]\n:HL["/_next/static/media/RoobertLightItalic-s.p.0c6wu7opvty0a.ttf","font",{"crossOrigin":"","type":"font/ttf"}]\n:HL["/_next/static/media/RoobertMedium-s.p.36_8o8e90s3fu.ttf","font",{"crossOrigin":"","type":"font/ttf"}]\n:HL["/_next/static/media/RoobertMediumItalic-s.p.0ke0hf6wr2e8x.ttf","font",{"crossOrigin":"","type":"font/ttf"}]\n:HL["/_next/static/media/RoobertRegular-s.p.0flmp-nd54lwg.ttf","font",{"crossOrigin":"","type":"font/ttf"}]\n:HL["/_next/static/media/RoobertRegularItalic-s.p.187yk7y_9xn5q.ttf","font",{"crossOrigin":"","type":"font/ttf"}]\n:HL["/_next/static/media/RoobertSemiBold-s.p.06r0en9t2i6op.ttf","font",{"crossOrigin":"","type":"font/ttf"}]\n:HL["/_next/static/media/RoobertSemiBoldItalic-s.p.1dbcjw9_1bdz2.ttf","font",{"crossOrigin":"","type":"font/ttf"}]\n"])self.__next_f.push([1,"0:{"P":null,"c":["","instructions","integration","PROJECT_ID"],"q":"","i":false,"f":[[["",{"children":["instructions",{"children":["integration",{"children":[["projectId","PROJECT_ID","d",null],{"children":["PAGE",{}]}]}]},"$undefined","$undefined",16]}],[["$","$1","c",{"children":[null,["$","$L2",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":[["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/2s90ftogoecmg.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/chunks/3piepmm47cc3f.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/_next/static/chunks/12o1fwscnl-9f.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/_next/static/chunks/159zx_k3-d2up.js","async":true,"nonce":"$undefined"}]],["$","$L4",null,{"Component":"$5","slots":{"children":["$","$L2",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]},"serverProvidedParams":{"params":{},"promises":null}}]]}],{"children":[["$","$1","c",{"children":[null,["$","$L2",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":[["$","$1","c",{"children":[null,["$","$L2",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":[["$","$1","c",{"children":["$L6",[["$","script","script-0",{"src":"/_next/static/chunks/2w40j5z24pzz2.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/chunks/2pxbnjbjaqa4g.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/_next/static/chunks/1ztj3zvz4izbd.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/_next/static/chunks/1yamk79xknq3g.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/_next/static/chunks/1lna8u1i8ohkc.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/_next/static/chunks/432yvaegjdk9o.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/_next/static/chunks/20d6yxl1n68_0.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/_next/static/chunks/3wk5x0-ue16v7.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/_next/static/chunks/2ofsxx18r0jcj.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/_next/static/chunks/0r7mf_luaxymv.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/_next/static/chunks/1m4vwoicwmmga.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/_next/static/chunks/0x0-xmqel1nzi.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/_next/static/chunks/01_a9t81607mm.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/_next/static/chunks/0-bp_mrs34fs8.js","async":true,"nonce":"$undefined"}]],["$","$L7",null,{"children":["$","$8",null,{"name":"Next.MetadataOutlet","children":"$@9"}]}]]}],{},null,false,null]},null,false,"$@a"]},null,false,"$@a"]},null,false,null]},null,false,"$@a"],["$","$1","h",{"children":[null,["$","$Lb",null,{"children":"$Lc"}],["$","div",null,{"hidden":true,"children":["$","$Ld",null,{"children":["$","$8",null,{"name":"Next.Metadata","children":"$Le"}]}]}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],false]],"m":"$undefined","G":["$f",[]],"S":false,"h":null,"s":"$undefined","l":"$undefined","p":"$undefined","d":"$undefined","b":"dvpm0V4FqVIHLxck_w9X4"}\n"])self.__next_f.push([1,"10:[]\na:"$W10"\n6:[null,["$","$L11",null,{"projectId":"PROJECT_ID"}]]\nc:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]\n9:null\ne:[]\n"])