werARで、Clickイベントが発火しない

#実現したいこと
オブジェクトがクリックされたら、リンクへ飛びたいのですが、飛びません。
コンポーネントの登録には成功しています。
解決策がわかる方、よろしくお願いします。

#コード

<!DOCTYPE html>
<html lang="ja">
<title>AR Test Page</title>
<meta charset="utf-8">
<script src='https://cdn.jsdelivr.net/gh/aframevr/aframe@1c2407b26c61958baa93967b5412487cd94b290b/dist/aframe-master.min.js'></script>
<!-- rawgithack development URL -->
<script src='https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar-nft.js'></script>
<style>
    .arjs-loader {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 9999;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .arjs-loader div {
        text-align: center;
        font-size: 1.25em;
        color: white;
    }
</style>
<script>
    window.addEventListener('camera-error', (error) => {
        alert("カメラの読み込みに失敗しました。\n" +
            "権限を確認するか、ブラウザを変えてみてください。")
    });
    AFRAME.registerComponent('markerhandler', {
        init: function() {
            this.el.addEventListener('touchend',function(e){
                window.location.href = "https://www.google.co.jp/";
            })
            this.el.addEventListener('click',function(e){
                window.location.href = "https://www.google.co.jp/";
            })
        }});
</script>

<body style='margin : 0px; overflow: hidden;'>
<!-- minimal loader shown until image descriptors are loaded -->
<div class="arjs-loader">
    <div>読み込み中です。しばらくお待ちください。</div>
</div>
<a-scene
        vr-mode-ui='enabled: false;'
        renderer="logarithmicDepthBuffer: true;"
        embedded arjs='trackingMethod: best; sourceType: webcam; debugUIEnabled: false;'
        raycaster="objects: [clickhandler];">

    <!-- use rawgithack to retrieve the correct url for nft marker (see 'pinball' below) -->
    <a-nft
            type='nft' url='https://arjs-cors-proxy.herokuapp.com/https://raw.githack.com/AR-js-org/AR.js/master/aframe/examples/image-tracking/nft/trex/trex-image/trex'
            smooth='true' smoothCount='10' smoothTolerance='0.01' smoothThreshold='5'>
        <a-entity
                gltf-model='https://arjs-cors-proxy.herokuapp.com/https://raw.githack.com/AR-js-org/AR.js/master/aframe/examples/image-tracking/nft/trex/scene.gltf'
                scale="5 5 5"
                position="50 150 -100"
                markerhandler
        >
        </a-entity>
    </a-nft>
    <a-entity camera><a-cursor  fuse="true"></a-cursor></a-entity>
</a-scene>
</body>
</html>