如何在Google Analytics中跟踪用户在输入中输入的数据？

Question

我需要在Google Analytics中显示用户在字段中输入的值。但我不需要查看字段上的点击次数。请帮帮我。

Answer 1

您可以在这里结合使用以下方法：如何在onKeyPress期间获取输入文本框的文本？

使用ga事件发送。

Answer 2

谷歌有两个主要的分析实现：分析。js

ga('send', 'pageview', [page], [fieldsObject]);

gtag('config', 'GA_MEASUREMENT_ID', {
  'page_title' : 'homepage',
  'page_path': '/home'
});

您的用例将决定您希望使用哪些事件来触发日志记录。处理blur事件对于大多数用例来说都很好，但是您也可能想要处理文本更改，然后防抖

下面是基于下划线的去抖动的讨论和实现：

function debounce(func, wait) {
  var timeoutId;

  return function() {
      var context = this,
          args = arguments;

      clearTimeout(timeoutId);

      timeoutId = setTimeout(function() {
        func.apply(context, args);
      }, wait);  
  };
};

// generate a debounced version with a min time between calls of 2 seconds
let sendPageView = debounce(function() {
    gtag('config', 'GA_MEASUREMENT_ID', {
        'page_title' : 'homepage',
        'page_path': '/home?searchText=' + encodeURI(filter.value)
    });
    console.log("Text: " + filter.value)
}, 2000)

// attach event listener
let filter = document.getElementById("filter")
filter.addEventListener('input', sendPageView)


function debounce(func, wait) {
  var timeoutId;

  return function() {
      var context = this,
          args = arguments;
          
      clearTimeout(timeoutId);
      
      timeoutId = setTimeout(function() {
        func.apply(context, args);
      }, wait);  
  };
};


// fake gtag for demo
gtag = function() {}

<input type="text" id="filter" />