Skip to main content

HTML Integration

Plain HTML integration for MVTLab.io CDN engine.

This is the base integration snippet that can be used in any HTML page or CMS that supports custom HTML/JavaScript.

Quick Start​

Add the following snippet to your HTML page's <head> section:

<script>
  var timeout = 3000;
  !(function (h, i, d, e) {
    var t,
      n = h.createElement('style');
    (n.id = e),
      (n.innerHTML = 'body{opacity:0}'),
      h.head.appendChild(n),
      (t = d),
      (i.rmfk = function () {
        var t = h.getElementById(e);
        t && t.parentNode.removeChild(t);
      }),
      setTimeout(i.rmfk, t);
  })(document, window, timeout, 'abhide');
</script>
<script
  src="https://staging-svc.mvtlab.io/scripts/engine.js"
  data-project-key="YOUR_PROJECT_KEY"
  data-mvt="engine"
></script>

Configuration​

Replace YOUR_PROJECT_KEY with your actual MVTLab.io project key.

How It Works​

  1. Anti-flicker script: Hides the body (body{opacity:0}) until the engine is ready
  2. Engine script: Loads the MVTLab.io CDN engine with your project key
  3. Callback: The engine calls window.rmfk() when ready to show the page

Status​

✅ Available

This is the base integration that all other SDKs wrap.

← Back to Home