js无侵入埋点源

// 创建一个新的 JavaScript 文件，例如：tracking.js

// 定义埋点函数
function trackEvent(element) {
  // 在这里实现埋点功能，例如：发送 AJAX 请求
  console.log('Track event:', element);
}

// 使用 MutationObserver API 监听 DOM 变化
const observer = new MutationObserver((mutations) => {
  mutations.forEach((mutation) => {
    if (mutation.type === 'childList') {
      mutation.addedNodes.forEach((node) => {
        if (node.nodeType === Node.ELEMENT_NODE) {
          const element = node;
          // 当需要埋点的元素被添加到 DOM 树中时，执行埋点函数
          if (element.matches('.track-me')) {
            trackEvent(element);
          }
        }
      });
    }
  });
});

// 使用 window.addEventListener('load', function) 事件，确保在页面加载完成后执行埋点函数
window.addEventListener('load', () => {
  // 获取所有需要埋点的元素
  const trackedElements = document.querySelectorAll('.track-me');
  trackedElements.forEach((element) => {
    trackEvent(element);
  });

  // 开始监听 DOM 变化
  observer.observe(document.body, {
    childList: true,
    subtree: true,
  });
});