The page-hiding code ensures users don’t see the original page content until Insider One campaign changes are applied. This prevents visual flickering and delivers a smoother, more consistent user experience.
To implement the page hiding code:
Insert the code inside the <head></head> section of any page where Insider One is integrated and where you want to hide content temporarily.
Make sure this code comes before any third-party scripts, including Insider One’s own JavaScript code.
Ensure that the Insider JavaScript Code is also present on the page to ensure the hiding logic functions correctly.
<HTML>
<HEAD>
<!-- Page hiding code snippet -->
<style>.ins-hide { opacity: 0 !important} </style>
<script>
(function(d,a,c,e,f){a.className+=" "+c;var b=function(){a.className=a.className.replace(RegExp(" ?"+c),"")};d[e]=b;setTimeout(function(){b();b=null},f )})(window,document.documentElement,"ins-hide","insPageShow",4000);
</script>
</HEAD>
</HTML>