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>