Mezura

Installing

Debugging

While setting up Mezura, you can see exactly which experiments run on your pages and read development logs right in your browser. This makes it easy to confirm everything is wired up correctly.

Development logs

Set debug: true in your $mezura.data payload to see development-related logs in your console. This traffic is kept out of your real results, so it is safe to leave on while testing.

HTML
<script>
  window.$mezura = {
    data: {
      workspace_token: "{workspace_token}",
      page_type: "ProductListing",
      debug: true
    }
  };
</script>

The inspector script

Add inspect.js just before the closing </body> tag. It reads the same $mezura.data configuration as the tracker and is read-only — it never records anything.

HTML
<script async src="https://usemezura.com/inspect.js"></script>

What you'll see

When you add inspect.js, information about the Mezura experiments on your website becomes visible. Elements targeted by an experiment get a dashed outline — hover over an outlined element to see a detailed explanation of the experiment running on it.

The inspector only reveals experiment details when your workspace is in debug mode, so experiment internals never leak to real visitors in production.