javascript - Firebase 日志事件

标签 javascript firebase dom-events firebase-analytics

我有 Javascript 文件,它实现了共享网站的方法(事件监听器):

const shareBtn = document.getElementById('shareBtn');

shareBtn.addEventListener("click", () => {

  if (navigator.share) {
    navigator
      .share({
        title: "",
        text: "",
        url: ""
      })
      .then()
      .catch();
  } else {}
});

我在另一个文件中添加了 Firebase 分析(来自 Firebase 的代码)。 如何在 Firebase 中记录事件以记录共享事件?如何在 Javascript 中导入 Firebase 分析?如何记录不同方法的事件?

我合并了两个文件:

var firebaseConfig = {// };
firebase.initializeApp(firebaseConfig);
const analytics = firebase.analytics();

const shareBtn = document.getElementById('shareBtn');
shareBtn.addEventListener("click", () => {
    if (navigator.share) {
      navigator
        .share({
          title: "",
          text: "",
          url: ""
        })
        .then()
        .catch();
        analytics.logEvent('clicked_share');
    } else {
     
    }
  });

但我不想将所有点击方法都放在 firebase.js 文件中。

最佳答案

这个documentation向您展示如何将 Google Analytics for Firebase 添加到您的网络应用并开始记录事件。您还可以看这个tutorial如果您更喜欢观看视频而不是阅读文档。

要验证您的实现,您可以在浏览器中启用 Debug模式,然后安装 Google Analytics Debugger Chrome 扩展程序。安装后,启用扩展并刷新页面。从那时起,扩展程序将以 Debug模式记录应用程序中的事件。您可以查看 DebugView 中记录的事件在 Firebase 控制台中。

关于javascript - Firebase 日志事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65291149/

相关文章:

java - 如何在 firebase 中添加计数器?

android - java.lang.NoSuchMethodError : No static method zzb 错误

javascript - EmberCLI 服务器不工作(没有浏览器响应,没有错误)

javascript - 数字字段解析中的 Angular 省略零

javascript - 如何按类获取可见元素?

javascript - onload 事件的独立于浏览器的解决方法——有意义吗?

javascript - chart.js 中填充折线图中的悬停/单击区域

javascript - 处理两个单独的 JQuery Api 调用

ios - 火力地堡错误 : Calls to setPersistenceEnabled must be made before any other usage of FIRDatabase instance

javascript - 如何使用 Greasemonkey 在 javascript 中设置已创建事件的 `isTrusted` 属性