Installation Guides

Don't see the guide your looking for? Click here to leave a feedback for the guide you want.

How to install on Framer

Follow the interactive guide below to install Keak on your framer website.

Scripts

A/B Testing Script

·
Required

Do you have your tracking code installed? Please add your tracking code below to the header of your website.

Important: Make sure to add this script to both your test page AND your conversion event page.

Optional: Replace data-cookie with a user ID or external identifier to link events across sessions.

<script id="keak-script" src="" type="text/javascript" data-cookie="undefined"></script>

Content Flicker Script

·
Optional

Is the variation your testing shown immediately to users? In this case it's recommend you add this script to prevent content flickering on your website.

<style>.async-hide { opacity: 0 !important; background: white !important;} </style>
<script>
(function(KEAK, K, E, A, K_, H, I, D, E_) {
  K.className += ' ' + E;
  H.start = 1 * new Date;
  H.end = I = function() {
    K.className = K.className.replace(RegExp(' ?' + E), '');
  };
  (KEAK[A] = KEAK[A] || []).hide = H;
  setTimeout(function() {
    I();
    H.end = null;
  }, K_);
  H.timeout = K_;
})(window, document.documentElement, 'async-hide', 'dataLayer', 800,
  { 'CONTAINER_ID': true });
</script>
Report issue