CTAを1秒以上hover
2023年01月19日
#1 トリガーはDOM Ready。カスタムHTMLに以下コードを貼り付け
“HoverTrial”の箇所を任意のタグ名に変更。”1000”の箇所を変更することで、hoverの秒数を変更可能です。1000は1000m秒となり1秒となります。
<script>
  // Tracking Top Links Hover Menus
  function trackHoverIntent(selector, time) {
    var timeoutId;
    var elements = window.document.querySelectorAll(selector);
    for (var i = 0; i < elements.length; i++) {
      elements[i].addEventListener('mouseenter', function(event) {
        var targetElement = event.target || event.srcElement;
        var classes = targetElement.className;
        var id = targetElement.id;
        if (!timeoutId) {
          timeoutId = window.setTimeout(function() {
            timeoutId = null;
            window._mfq = window._mfq || [];
            window._mfq.push(["tag","HoverTrial"]);
          }, time);
        }
      });
    }
    for (var i = 0; i < elements.length; i++) {
      elements[i].addEventListener('mouseleave', function() {
        if (timeoutId) {
          window.clearTimeout(timeoutId);
          timeoutId = null;
        }
      });
    }
  }
  trackHoverIntent('a[href^="https://mouseflow-jp.com/freetrial"]', 1000);
</script>
 
 