....

<!-- SiteKios Custom code -->
        <script>
            new Function(_siteKiosk.getSiteKioskObjectModelCode())();
        </script>
        <script>
            var callbackFunc = function (data, deviceName) {
                document.getElementById("text").insertAdjacentHTML("afterend", "<h3>" + deviceName + "<\h3> - <span>" + data + " - <\span>");
                document.getElementById("url-link").value = data;
                executeUrl();
            };

            function GetDevices() {
                var devices = siteKiosk.devices.getAll();
                document.getElementById("devices").innerHTML = JSON.stringify(devices);
            }

            function registerDevice() {
                var deviceName = document.getElementById("devicename").value;

                if (deviceName == "") return (document.getElementById("foundDevice").innerHTML = "No device found!");

                var device = siteKiosk.devices.getByName(deviceName);

                if (device == null) return (document.getElementById("foundDevice").innerHTML = "No device found!");

                device.valueChanged(callbackFunc);

                return (document.getElementById("foundDevice").innerHTML = "Registered device: " + JSON.stringify(device));
            }

            function executeUrl() {
                document.getElementById("text").insertAdjacentHTML("afterend", "<h3>URL Link<\h3> - <span>" + document.getElementById("url-link").value + " - <\span>");
                window.location.href = document.getElementById("url-link").value;
            }
        </script>

....

<div class="container">
                    <div class="i-am-grid">
                        <div class="i-am-box" style="width: 300px; height: 250px;">
                            <h3>induction training</h3>
                            <label>Please scan your <span class="text-orange">QR code.</span></label>

                            <!-- SiteKiosk HTML code -->
                            <div id="border-width" hidden="hidden">
                                <div id="medium">
                                    <div>
                                        Available devices:
                                        <span id="devices"></span>
                                    </div>
                                    <br />
                                    <div>
                                        Listen to input from this device that has been configured in SiteKiosk:
                                        <br />
                                        <input id="devicename" tpye="text" value="scanner" />
                                        (state the device name)
                                        <br />
                                        <input id="deviceid" tpye="text" value="514529795" />
                                        (state the device ID)
                                        <br />
                                        <button onclick="registerDevice()">Register the listener</button>
                                        <br />
                                        <br />
                                        <input name="url-link" id="url-link" tpye="text" style="width: 80%;" readonly="" />
                                    </div>
                                    <br />

                                    <span id="foundDevice"></span>
                                    <div>
                                        Data that has been received:
                                        <span id="text"></span>
                                    </div>
                                </div>
                            </div>
                            <!-- END SiteKiosk code -->
                        </div>
                    </div>
                </div>
...