Local Ganache transaction not detected at moralis

<!--

1) AUTHENTICATE WITH METAMASK

2) ADD USER TO DB

3) ADD MORE DATA TO THE USER PROFILE

-->

<html>

<head>

<title>Metamask Demo</title>

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/web3.min.js"></script>

<script src="https://unpkg.com/moralis/dist/moralis.js"></script>

</head>

<body>

<button onclick="login()">Login with Metamask</button>

<script>

    Moralis.initialize("J6CBaLmgsnJr3m0AoQmInOLUK7ulCYf1Vdcz9A0v"); // Application id from moralis.io

    Moralis.serverURL = "https://u9h1idbhxxvh.moralishost.com:2053/server"; //Server url from moralis.io

    async function login(){

        console.log("login clicked");

        var user = await Moralis.Web3.authenticate();

        if(user){

            console.log(user);

            user.set("nickname","VITALIK");

            user.set("fav_color","blue");

            user.save();

        }

    }

            async function listenToUpdate(){

                

                let query = new Moralis.Query('EthTransactions');

                let subscription  = await query.find();

                subscription.on("create",(object) =>{  

                    console.log("new transaction!!");

                    console.log(object);

            });

        }

        listenToUpdate();

</script>

</body>

</html>

can someone help why my transactions at moralis not detect

You’ll have to connect your local ganache instance with the Moralis server using frcp: https://youtu.be/aRRS394is1U
https://docs.moralis.io/moralis-server/web3/setting-up-ganache#ganache

i already connet but why insecrt element cannot detect

<!--

1) AUTHENTICATE WITH METAMASK

2) ADD USER TO DB

3) ADD MORE DATA TO THE USER PROFILE

-->

<html>

<head>  

<title>Metamask Demo</title>

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/web3.min.js"></script>

<script src="https://unpkg.com/moralis/dist/moralis.js"></script>

</head>

<body>

<button onclick="login()">Login with Metamask</button>

<script>

    Moralis.initialize("Bh0MLNPUycz7AV77HPnFFxHtsDnY6nkhz0skZY2k"); // Application id from moralis.io

    Moralis.serverURL = "https://pof75zn8copb.moralishost.com:2053/server"; //Server url from moralis.io

    async function login(){

        console.log("login clicked");

        var user = await Moralis.Web3.authenticate();

        if(user){

            console.log(user);

            user.set("nickname","VITALIK");

            user.set("fav_color","blue");

            user.save();

        }

    }

            async function listenToUpdate(){

                

                let query = new Moralis.Query('EthTransactions');

                let subscription  = await query.find();

                subscription.on("create",(object) =>{  

                    console.log("new transaction!!");

                    console.log(object);

            });

        }

        listenToUpdate();

</script>

</body>

</html>

can you check my code

If you want to subscribe, then it may be a different syntax: https://docs.moralis.io/moralis-server/database/live-queries#create-a-subscription

let query = new Moralis.Query('EthTransactions');
let subscription = await query.subscribe();

instead of

                let query = new Moralis.Query('EthTransactions');
                let subscription  = await query.find();