Skip to main content
Proof of Human’s verification badge is a small, drop-in widget that shows whether Proof of Human is running or not. It auto-renders wherever you place <div class="roundtable-badge">, listens to your tracker’s events, and gracefully handles SPAs and back-navigation. Note that the badge does not display any results related to risk score. Instead, it determines success or failure based on whether the Proof of Human tracking is working correctly. Proof of Human badge

​
Quick start

We recommend adding the tracker and the badge script on the same page, with the badge script after the tracking script:
After importing the badge script, the badge can be added anywhere by adding a div with the class roundtable-badge:

​
Styling

The badge renders inside a Shadow DOM, so your site’s CSS won’t break it (and vice-versa). By default, the badge’s width is 231px. We recommend never setting the width less than this value. However, you can control the badge width via a width attribute:
width takes any css width, e.g. 300px, 100%, etc.

​
State

At any given time, the badge is in one of three states:
  • Loading: shows a spinner and an animating progress bar while the tracker initializes and verifies Proof of Human is running.
  • Pass: displays a check icon in black. This indicates that Proof of Human is running and gathering user data.
  • Fail: displays an X icon in red. This indicates that Proof of Human is not running.
See also: