如何创建跟踪 JavaScript 代码,如基于 Javascript 的谷歌分析?

     2023-05-08     204

关键词:

【中文标题】如何创建跟踪 JavaScript 代码,如基于 Javascript 的谷歌分析?【英文标题】:How can I create a tracking JavaScript code like google analytics based on Javascript? 【发布时间】:2013-02-08 09:39:00 【问题描述】:

我正在尝试创建 Google Analytic 克隆。我知道如何在 PHP 中获取有关浏览器位置 IP 和其他类似内容的信息

我想知道的是如何创建一个 java 脚本,它可以从我的代码放置在我的服务器上的任何网站发送此信息???

创建像谷歌分析这样的跟踪 JavaScript 代码的最低安全要求是什么?

根据 PHP 中的会话数据将用户重定向到不同的页面?

或者换句话说,我必须向我的服务器发送一个 ajax 请求吗?

是否有任何可用的解决方案受 java-script 约束?

【问题讨论】:

【参考方案1】:

大多数分析工具会生成一个附有查询字符串参数的 url,然后输出一个 1x1 图像像素,其中 img src 作为 url。然后,您的服务器将接收并存储数据。唯一返回的是实际的 1x1 像素。这是常用的方法,因为如果站点没有启用 js,您将硬编码的 img 包装到服务器中的 noscript 标记中,仍然可以获得页面视图等基本信息。

但是,您是否想构建自己的分析脚本而不是使用现有的分析脚本?有许多 3rd 方可用,包括免费的。或者,还有 Piwik,如果您想构建它而不必从头开始,它是一个免费和开源的解决方案。

【讨论】:

如何编写 javascript 跟踪代码?

】如何编写javascript跟踪代码?【英文标题】:Howtowriteajavascripttrackingcode?【发布时间】:2013-08-2310:14:00【问题描述】:我想编写一个简单的javascript跟踪代码,它应该能够将参数推送到远程服务器。写这段代码需要注意什么?周围... 查看详情

使用 javascript 事件跟踪创建短代码以插入 CTA 按钮

】使用javascript事件跟踪创建短代码以插入CTA按钮【英文标题】:CreateshortcodetoinsertCTAbuttonwithwithjavascripteventtracking【发布时间】:2021-08-0704:16:10【问题描述】:我希望短代码插入一个显示“请求报价”的CTA按钮,但还希望它包含... 查看详情

javascript基于jquery的出站链接跟踪,包含新窗口的案例以及相同的窗口位置(代码片段)

查看详情

javascript如何跟踪出站链接(代码片段)

查看详情

如何调试 javascript 承诺?

】如何调试javascript承诺?【英文标题】:Howtodebugjavascriptpromises?【发布时间】:2014-11-0718:01:41【问题描述】:我正在尝试了解如何调试基于Promise的异步代码。承诺是指基于ECMAScript6的承诺,而调试是指使用内置的chrome或firefox调... 查看详情

如何为访问控制和跟踪创建数据库设计?

】如何为访问控制和跟踪创建数据库设计?【英文标题】:howtocreateaDatabasedesignforaccesscontrolandtracking?【发布时间】:2012-08-1611:17:15【问题描述】:计划创建访问控制系统。牢记教育机构,我创建了外围表,例如大门,区域,建筑... 查看详情

如何创建和实施像素跟踪代码

】如何创建和实施像素跟踪代码【英文标题】:Howtocreateandimplementapixeltrackingcode【发布时间】:2013-01-1622:31:41【问题描述】:好的,这是我一直在寻找的目标。众所周知,大多数广告和分析公司使用所谓的“像素”代码来跟踪网... 查看详情

如何为在输入时执行搜索的现有代码创建搜索按钮? php/javascript/mysql

...如何为在输入时执行搜索的现有代码创建搜索按钮?php/javascript/mysql【英文标题】:Howtocreatesearchbuttonforexistingcodewhichexecutesearchonenterpress?php/javascript/mysql【发布时间】:2017-03-1800:43:34【问题描述】:我有一个网站,其他人一直在... 查看详情

javascript基于滚动位置创建样式(代码片段)

查看详情

如何使用 Javascript 跟踪 AdWords 转化?

】如何使用Javascript跟踪AdWords转化?【英文标题】:HowcanItrackAdWordsconversionsusingJavascript?【发布时间】:2013-06-2819:18:19【问题描述】:我需要执行GoogleAdWords转换代码,但我有限制...以下是给定的情况:1)我无法重定向到另一个页面... 查看详情

如何在 JavaScript 中跟踪鼠标移动

】如何在JavaScript中跟踪鼠标移动【英文标题】:HowtotrackmousemovementinJavaScript【发布时间】:2021-12-1003:28:29【问题描述】:我有一个小问题,我不知道如何跟踪鼠标位置并在每次移动时更新函数,这是我要修改的代码以便更新;fun... 查看详情

vue3-javascript如何使用vue3创建一个基于webstorm开发自动提示和自动格式化代码规则的工程!

...博客-CSDN博客第二种方法:更简单【选择安装默认的JavaScript版本即可】只是相比上一种方 查看详情

如何理解 Oracle 中跟踪文件的统计信息。如CPU、经过时间、查询...等

】如何理解Oracle中跟踪文件的统计信息。如CPU、经过时间、查询...等【英文标题】:HowtounderstandstatisticsoftracefileinOracle.SuchasCPU,elapsedtime,query...etc【发布时间】:2018-10-1512:55:26【问题描述】:我正在学习Oracle中的查询优化,我知道... 查看详情

如何在使用 javascript 框架(如 ExtJs)创建的应用程序中集成支付网关?

】如何在使用javascript框架(如ExtJs)创建的应用程序中集成支付网关?【英文标题】:HowtointegratepaymentgatewayinapplicationscreatedusingjavascriptframeworkslikeExtJs?【发布时间】:2013-05-2907:45:06【问题描述】:我们的应用程序是使用ExtJs创建... 查看详情

git基于远程分支创建本地分支(代码片段)

...名。小结:一般用gitpush--set-upstreamoriginbranch_name来在远程创建一个与本地branch_name同名的分支并跟踪 查看详情

javascript如何使用jquery通过googleuniversalanalytics跟踪电话号码和按钮点击等自定义事件。(代码片段)

查看详情

如何为 AddOutgoingGoogleTraceHandler 扩展方法创建的跟踪添加标签?

】如何为AddOutgoingGoogleTraceHandler扩展方法创建的跟踪添加标签?【英文标题】:HowtoaddalabeltotracescreatedbytheAddOutgoingGoogleTraceHandlerextensionmethod?【发布时间】:2021-12-1905:05:40【问题描述】:我正在使用Google.Cloud.Diagnostics.AspNetCorev4.3.0... 查看详情

基于 Array Javascript 创建对象

】基于ArrayJavascript创建对象【英文标题】:CreateanobjectbasedonArrayJavascript【发布时间】:2017-09-2204:24:03【问题描述】:letArray:any=["monday","tuesday","wednesday","thursday","friday","saturday","sunday"]如何将此数组转换为如下所示的对象:letObject:a... 查看详情