electron-baidu-tongji 在 electron 中接入百度统计

发布于 2021-07-14 13:58:30 字数 1457 浏览 1750 评论 0

安装

# yarn
$ yarn add electron-baidu-tongji

# or npm
$ npm install electron-baidu-tongji -S

API 接口

ebtMain(ipcMain, [isDevelopment])

主进程

  • ipcMain: 必要参数
  • isDevelopment: 可选参数,如果有则在开发时会发送 http://localhost
// main/index.js
import { ipcMain } from 'electron'
import { ebtMain } from 'electron-baidu-tongji'

const isDevelopment = process.env.NODE_ENV !== 'production'
ebtMain(ipcMain, isDevelopment)

ebtRenderer(ipcRenderer, siteId, [router])

渲染进程

  • ipcRenderer: 必要参数
  • siteId: 必要参数,百度帐号的站点 id
  • router: 可选参数,如果应用含 vue-router,可以使用此参数(vue-router 的实例)
// renderer/index.js
// 如果是多页面程序,且需要统计每个页面流量的话
// 则需要在每个页面加下面的代码
// 代码尽量靠前

import Vue from 'vue'
import Router from 'vue-router'
import routerConfig from './router/router-config.js'
import { ipcRenderer } from 'electron'
import { ebtRenderer } from 'electron-baidu-tongji'

// 替换为你自己的 百度统计 siteId
const BAIDU_SITE_ID = 'e0a564dfc08b6db584e25108f6xxxxxx'

Vue.use(Router)

const router = new Router(routerConfig)

// 百度统计
ebtRenderer(ipcRenderer, BAIDU_SITE_ID, router)

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

项目地址:https://github.com/joehecn/electron-baidu-tongji

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

0 文章
0 评论
84960 人气
更多

推荐作者

1CH1MKgiKxn9p

文章 0 评论 0

ゞ记忆︶ㄣ

文章 0 评论 0

JackDx

文章 0 评论 0

信远

文章 0 评论 0

yaoduoduo1995

文章 0 评论 0

霞映澄塘

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文