Apple Sign In for Web

Hello,

I have created a Swift app which has Apple Sign In integrated with it. We now want to add Apple Sign In to a web app but can't seem to find enough documentation on how to do this. We have followed the instructions at https://developer.apple.com/documentation/sign_in_with_apple/sign_in_with_apple_js/configuring_your_webpage_for_sign_in_with_apple and have ended up with a script like so:

	<head>
		<meta name="appleid-signin-client-id" content="colourworker.SPAD">
        	<meta name="appleid-signin-scope" content="name email">
		<meta name="appleid-signin-redirect-uri" content="https://colourworker.com/apps/photofolia/applesignedin.html">
        	<meta name="appleid-signin-state" content="init">
        	<meta name="appleid-signin-nonce" content="NONCE">
        	<meta name="appleid-signin-use-popup" content="true">	
	</head>
	<body>
		<h1>Sign in with Apple</h1>
		<div id="appleid-signin" data-color="black" data-border="true" data-type="sign in"></div>
		<script type="text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
	</head>
</html>

But have we populated the client-id, state, and NONCE correctly? When clicking on the Sign In with Apple button we get the error in this screenshot:

I look forward to hearing from someone.

Kind regards, Miguel