当前位置: 开发笔记 > 编程语言 > 正文

vue使用talkIngData统计

作者：遇见你_天意_384 | 来源：互联网 | 2023-05-18 12:53

上篇刚使用了百度统计，由于后端同事没有找到百度统计的api，于是就找了个talkingData平台。。。平台地址依旧是先注册进入应用统计分析创建应用获得ap

上篇刚使用了百度统计，由于后端同事没有找到百度统计的api，于是就找了个talkingData平台。。。

平台地址

依旧是先注册

进入应用统计分析创建应用

获得appid

在vue中埋点

1.index.html文件中，引入统计平台的sdk

2.定义一个埋点函数

// talkingData统计平台埋点
function setSpot (sendMsg, logMsg) {
  try {
    console.log(logMsg)
    window.TDAPP.onEvent(sendMsg)
    return true
  } catch (err) {
    console.log(logMsg + '=>err', err)
    return false
  }
}

在需要统计的.vue页面引入函数

例如下图，就是在index页中埋点统计的，其中setSpot函数的参数都是字符串，可以自由随意设定

平台文档

http://doc.talkingdata.com/posts/36

推荐阅读

input
解决文件名过长下载失败问题的jQuery方案

本文介绍了使用jQuery解决文件名过长导致下载失败的问题。原方案中存在文件名部分丢失的问题，通过动态生成隐藏域表单并提交的方式来解决。详细的解决方案和代码示例在文章中给出。 ... [详细]

蜡笔小新 2023-12-11 16:59:20
hash
单页面应用 VS 多页面应用的区别和适用场景

本文主要介绍了单页面应用（SPA）和多页面应用（MPA）的区别和适用场景。单页面应用只有一个主页面，所有内容都包含在主页面中，页面切换快但需要做相关的调优；多页面应用有多个独立的页面，每个页面都要加载相关资源，页面切换慢但适用于对SEO要求较高的应用。文章还提到了两者在资源加载、过渡动画、路由模式和数据传递方面的差异。 ... [详细]

蜡笔小新 2023-12-10 19:31:50
usb
vue.js的ui框架是什么

小编给大家分享一下vue.js的ui框架是什么，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！vue.js的ui框架有：Element、iview、vuetify、vu ... [详细]

蜡笔小新 2023-09-08 12:09:17
import
vue使用

关键词： ... [详细]

蜡笔小新 2023-12-14 19:14:56
import
GetWindowLong函数

今天在看一个代码里头写了GetWindowLong(hwnd,0)，我当时就有点费解，靠，上网搜索函数原型说明，死活找不到第 ... [详细]

蜡笔小新 2023-12-14 17:58:15
install
Windows下配置PHP5.6的方法及注意事项

本文介绍了在Windows系统下配置PHP5.6的步骤及注意事项，包括下载PHP5.6、解压并配置IIS、添加模块映射、测试等。同时提供了一些常见问题的解决方法，如下载缺失的msvcr110.dll文件等。通过本文的指导，读者可以轻松地在Windows系统下配置PHP5.6，并解决一些常见的配置问题。 ... [详细]

蜡笔小新 2023-12-14 12:37:25
install
Android Studio Bumblebee | 2021.1.1（大黄蜂版本使用介绍）

本文介绍了Android Studio Bumblebee | 2021.1.1（大黄蜂版本）的使用方法和相关知识，包括Gradle的介绍、设备管理器的配置、无线调试、新版本问题等内容。同时还提供了更新版本的下载地址和启动页面截图。 ... [详细]

蜡笔小新 2023-12-14 10:34:15
default
解决Mac上无法使用localhost连接mysql的问题

本文介绍了在Mac上搭建php环境后无法使用localhost连接mysql的问题，并通过将localhost替换为127.0.0.1或本机IP解决了该问题。文章解释了localhost和127.0.0.1的区别，指出了使用socket方式连接导致连接失败的原因。此外，还提供了相关链接供读者深入了解。 ... [详细]

蜡笔小新 2023-12-13 17:48:58
default
Web学习历程记录（七）——Tomcat基本概念和配置

本文介绍了Web学习历程记录中关于Tomcat的基本概念和配置。首先解释了Web静态Web资源和动态Web资源的概念，以及C/S架构和B/S架构的区别。然后介绍了常见的Web服务器，包括Weblogic、WebSphere和Tomcat。接着详细讲解了Tomcat的虚拟主机、web应用和虚拟路径映射的概念和配置过程。最后简要介绍了http协议的作用。本文内容详实，适合初学者了解Tomcat的基础知识。 ... [详细]

蜡笔小新 2023-12-13 17:08:24
install
如何在Windows环境下配置php+apache环境

本文介绍了在Windows环境下如何配置php+apache环境，包括下载php7和apache2.4、安装vc2015运行时环境、启动php7和apache2.4等步骤。希望对需要搭建php7环境的读者有一定的参考价值。摘要长度为169字。 ... [详细]

蜡笔小新 2023-12-13 10:39:24
install
Android实战——jsoup实现网络爬虫，糗事百科项目的起步

本文介绍了Android实战中使用jsoup实现网络爬虫的方法，以糗事百科项目为例。对于初学者来说，数据源的缺乏是做项目的最大烦恼之一。本文讲述了如何使用网络爬虫获取数据，并以糗事百科作为练手项目。同时，提到了使用jsoup需要结合前端基础知识，以及如果学过JS的话可以更轻松地使用该框架。 ... [详细]

蜡笔小新 2023-12-11 09:19:45
install
Android图形架构学习笔记（待修改）

以下简单总结来自Android官网，稍作总结：https:source.android.google.cndevicesgraphics概览Andr ... [详细]

蜡笔小新 2023-10-17 19:26:14
md5
微信商户扫码支付 java开发 [从零开发]

这个教程可以用作了解扫码支付的整体运行过程，已经实现了前端扫码，记录订单，回调等一套完整的微信扫码支付。相关链接：微信支 ... [详细]

蜡笔小新 2023-10-17 18:23:14
runtime
iOS无埋点数据采集

移动开发经过前几年爆炸式的增长之后，移动开发进入了一个精细化管理操作的时期，除了拓展自己的能力，在移动开发外寻求到更好的职业道路这条路外，移动开发这份工 ... [详细]

蜡笔小新 2023-09-14 13:38:09
runtime
golang 开源项目

这个项目可以理解为针对互联网IT人打造的中文版awesome-go。已有的awesome-go项目，汇总了很多go开源项目，但存在的问题是收集太全了，而且每个项目没有详细描述。 ... [详细]

蜡笔小新 2023-09-07 20:48:46

遇见你_天意_384

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章