Deploy an AI identity disclosure.

HTML / JavaScript

Add the versioned script and custom element. If the component fails, it does not block the host application.

<script src="https://article50hub.com/sdk/article50-disclosure-1.1.0.js" integrity="sha384-Yk8WgJW81N1by/oAyddaQDS5Oh+qpnx9kRfK3IKJzj0tQX37h78OkzS0rckTmX8O" crossorigin="anonymous" defer></script>
<article50-disclosure
  data-version="1"
  data-placement="first_interaction"
  data-verification-token="YOUR_DISCLOSURE_TOKEN"
  message="You are interacting with an AI system."
  background="#17221d"
  color="#ffffff"
  accent="#d9ff68">
</article50-disclosure>
<noscript><p role="status">You are interacting with an AI system.</p></noscript>

React

Load the SDK once in an effect, then render the web component. Type declarations can extend JSX.IntrinsicElements in a TypeScript project.

useEffect(() => {
  const script = document.createElement('script');
  script.src = 'https://article50hub.com/sdk/article50-disclosure-1.1.0.js';
  script.integrity = 'sha384-Yk8WgJW81N1by/oAyddaQDS5Oh+qpnx9kRfK3IKJzj0tQX37h78OkzS0rckTmX8O';
  script.crossOrigin = 'anonymous';
  script.defer = true;
  document.head.appendChild(script);
}, []);

return (
  <>
    <article50-disclosure data-version="1" data-placement="first_interaction" data-verification-token="YOUR_DISCLOSURE_TOKEN" message="You are interacting with an AI system." />
    <noscript><p role="status">You are interacting with an AI system.</p></noscript>
  </>
);

Verification and evidence

Save the component in the workspace, add its public deployment URL, and run Verify URL. The resulting objective status and component version are recorded in the audit trail.