jquery - (GTM) ホバー時に fb ピクセルをトリガー

Question

ページ内の div (またはそれ以外) にカーソルを合わせると、fb ピクセル イベントをトリガーしようとしています。ただし、divにカーソルを合わせる前に、イベントが初めてトリガーされているようです。div にカーソルを合わせると、イベントは正しいパラメーターを示します。

また、非常に良いことは、ホバーされた div id などの追加情報を取得することです。

GTM タグに挿入したコードは次のとおりです。ページの読み込み（すべてのページ）でトリガーしています。

<script> 
$(document).ready(function() {
var startHover = $.now();

$("#product_name").hover(
function(){
    startHover = $.now();
},
function(){
    var endHover = $.now();
    var msHovered = endHover - startHover;
    var seconds = msHovered/1000;
    if (seconds >= 1) {
        fbq('track', 'Hover', {
            domain: {{Page Hostname}},
            page_path: {{Page Path}}
        });
    }
}
);
});
</script>

HTML コード:

<p id="product_name">Product 1</p>

どんな助けでも本当に嬉しいです！

どうもありがとう。