(GTM) Trigger de pixel de vol stationnaire sur

Question

Je suis en train de déclencher un événement de pixel fb lors du survol d'un div (ou autre) dans une page. Cependant, il semble que l'événement se déclenche une première fois avant que je ne survole la div. En survolant la div, l'événement indique les bons paramètres.

Une très bonne chose aussi, serait d'avoir des informations supplémentaires capturées comme l'ID plané div ou autre.

Voici le code inséré dans mon I tag GTM. Je le déclenche au chargement de la page (Toutes les pages).

<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> 

Code HTML:

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

Toute aide serait vraiment heureux!

Merci beaucoup.

Answer 1

J'ai réussi à trouver une solution à mon problème. Fondamentalement je déclenchais l'étiquette sur toutes les pages, ainsi l'événement de fb a été déclenché sans contenu, les paramètres corrects étant seulement envoyés en passant en revue # nom_produit.

J'ai créé une variable "événement" et a poussé un dataLayer "thereisHover". Puis j'ai séparé l'événement standard en un autre tag qui ne se déclenche que si event = thereHover.

Answer 2

Sur la base de votre code, je comprends que vous voulez déclencher événement fb que si quelqu'un vol stationnaire #product_name plus de 1 sec.

Dans votre code HTML s'il vous plaît utiliser ce code:

<script> 
    $(document).ready(function() { 
     var timer; 
     $("#product_name").mouseenter(function() { 
      var that = this; 
      timer = setTimeout(function(){ 
       //var text = $(that).text() //text inside hovered #product_name element 
       //var textInSpan = $(that).find('span').text() //text inside hovered #product_name span element 
       //var hoveredId = $(that).attr('id') //hovered element ID 
       //var hoveredClass = $(that).attr('class') //hovered element class name 
       fbq('track', 'Hover', { 
        domain: {{Page Hostname}}, 
        page_path: {{Page Path}} 
       }); 
      }, 1000); 
     }).mouseleave(function() { 
      clearTimeout(timer); 
     }); 
    }); 
</script> 

Dans mon code, j'ai ajouté commentais échantillons comment vous pouvez obtenir des informations supplémentaires sur plané div informations

Answer 3

Comme je le vois étend votre élément <p> à travers toute la largeur de la page et donc même si vous ne survolez pas sur l'élément exact, mais seulement la section contenant le <p>, vous enregistrez un événement hover.

Cochez cette case pour voir l'incohérence https://jsfiddle.net/L9ory5ym/1/ Pour corriger ce module width attribut à l'élément de paragraphe, pour vous inscrire événement uniquement sur l'élément concerné.