- html - 我的下拉菜单的内容关闭得太快
- c# - 使用 Html Agility Pack 从网页中的表中获取值而不使用 "SelectNode'
- html - 内容容器下的 CSS 下拉菜单
- html - 如何停止嵌套列表重叠父列表?
我的谷歌分析 JavaScript 事件在开发者控制台中运行得很好。 但是当从外部 js 文件包含在页面上时,它们根本不起作用。由于某种原因。
例如; 下面的内容将在包含在控制台中时运行。但当包含在单独的外部 js 文件中时就不会了。例如。
<script type="text/javascript" src="js/gascript.js"></script>
不,我也尝试过将包含内容移动到页眉和页脚位置内的 3 个不同区域。我还尝试过将脚本包含在“on dom read”的各种版本中
例如,/gascript.js
内的GA事件跟踪JS
$(function() {
$('.like').click(function() { // good song, thumbs up
var SongTitle = $('.like-data h2').text();
var date = new Date();
var month = date.getUTCMonth() + 1;
var day = date.getUTCDate();
var year = date.getUTCFullYear();
var time = date.toLocaleTimeString();
var formattedDate = month + '/' + day + '/' + year + '|' + time;
ga('send', 'event', SongTitle, 'Like', formattedDate);
});
});
完整的 html。
<!DOCTYPE html>
<html ng-app="root" ng-controller="IndexCtrl">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title ng-bind="pageTitle"></title>
<!-- Favicon -->
<link rel="icon" href="img/favicon.png" />
<!-- CSS Libraries -->
<!--<link rel="stylesheet" href="css/carousel.css">-->
<link rel="stylesheet" href="bower_components/fontawesome/css/font-awesome.min.css">
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
<!-- <link rel="stylesheet" href="css/bootstrap.min.css"> -->
<!-- CSS Core -->
<link rel="stylesheet" href="css/app.css"/>
<!-- Pre-load-required JS Libraries -->
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<!-- Modified carousel plugin -->
<link rel="stylesheet" type="text/css" href="plugins/3DSlider/css/style.css" />
<script type="text/javascript" src="plugins/3DSlider/js/modernizr.custom.53451.js"></script>
<script type="text/javascript" src="plugins/3DSlider/js/jquery.gallery.js"></script>
</head>
<body ng-click="clickBody()">
<!-- modular HTML components here -->
<!-- Angular Files -->
<script type="text/javascript" src="bower_components/angular/angular.min.js"></script>
<script type="text/javascript" src="bower_components/angular-mocks/angular-mocks.js"></script>
<script type="text/javascript" src="bower_components/angular-route/angular-route.min.js"></script>
<script type="text/javascript" src="bower_components/angular-animate/angular-animate.min.js"></script>
<script type="text/javascript" src="bower_components/angular-soundmanager2/dist/angular-soundmanager2.js"></script>
<script type="text/javascript" src="plugins/bootstrap/modal.js"></script>
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/gascript.js"></script><!-- here -->
<script type="text/javascript" src="js/controllers.js"></script>
<script type="text/javascript" src="js/directives.js"></script>
<script type="text/javascript" src="js/filters.js"></script>
<script type="text/javascript" src="js/services.js"></script>
<script type="text/javascript" src="js/services2.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
</script>
</body>
</html>
另请注意,我通过 UI 路由器注入(inject)方法将 GA 包含在我的应用程序中。
例如。
http://jasonwatmore.com/post/2015/11/07/AngularJS-Google-Analytics-with-the-UI-Router.aspx
最佳答案
我最好的猜测是,当脚本运行时,目标元素 .like
不存在于 DOM 中。这意味着 click
事件没有绑定(bind)到任何东西;这也是为什么您能够在粘贴到控制台时运行脚本(此时,.like
元素确实存在)。
也许尝试事件委托(delegate):
$('body').on('click', '.like', callbackFunction);
请参阅“直接和委托(delegate)事件”:http://jqapi.com/#p=on
使用事件委托(delegate)将确保为 body
的后代元素触发事件,在本例中为 .click
元素。即使将来添加更多后代元素,单击事件也会触发。
关于javascript - Google Analytics 事件跟踪 JS 在开发控制台中运行/工作,但不能从 ex 文件中运行/工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36362104/
有没有办法在 xdebug 跟踪输出中查看 echo 或 print 函数调用。我正在为我在我的服务器中运行的所有脚本寻找一个全局配置(或一种方法)。 例子: 我希望跟踪输出显示 echo 调用。默
我将应用程序从2.0.0M2升级到了2.1.0,但是当我尝试运行该应用程序时,出现此错误: Note: /Volumes/Info/proyectos-grails/vincoorbis/Member
我如何在共享点中执行日志记录。我想使用跟踪。 以便它记录 12 个配置单元日志。 最佳答案 微软提供了一个例子: http://msdn.microsoft.com/en-us/library/aa9
如何跟踪 eclipse 和 android 模拟器的输出。我习惯于在 Flash 和 actionscript 中这样做。 在 AS3 中它将是: trace('我的跟踪语句'); 最佳答案 您有几
是否可以在 Postgresql 上进行查询跟踪?我在带有 OLEDB 界面的 Windows 上使用 9.0。 此外,我需要它是实时的,而不是像默认情况下那样缓冲... 最佳答案 我假设您的意思是在
第一天 HaxeFlixel 编码器。愚蠢的错误,但谷歌没有帮助我。 如何使用 Haxe、NME 和 Flixel 追踪到 FlashDevelop 输出。它在使用 C++ 执行时有效,但对 Flas
我有一个关于 iPhone 上跟踪触摸的快速问题,我似乎无法就此得出结论,因此非常感谢任何建议/想法: 我希望能够跟踪和识别 iPhone 上的触摸,即。基本上每次触摸都有一个起始位置和当前/移动位置
我正在做我的大学项目,我只想跟踪错误及其信息。错误信息应该与用户源设备信息一起存储在数据库中(为了检测源设备,我正在使用MobileDetect扩展名)。我只想知道应该在哪里编写代码,以便获得所有错误
我正在 Azure 中使用多个资源,流程如下所示: 从 sftp 获取文件 使用 http 调用的数据丰富文件 将消息放入队列 处理消息 调用一些外部电话 传递数据 我们如何跟踪上述过程中特定“运行”
在我的 WCF 服务中,当尝试传输大数据时,我不断收到错误:底层连接已关闭:连接意外关闭 我想知道引发此错误的具体原因,因此我设置了 WCF 跟踪并可以读取 traces.svclog 文件。 问题是
我的目标是在 Firebase Analytics 中获取应用数据,在 Google Universal Analytics 中获取其他自定义数据和应用数据。 我的问题是我是否在我的应用上安装 Fir
我正在 Azure 中使用多个资源,流程如下所示: 从 sftp 获取文件 使用 http 调用的数据丰富文件 将消息放入队列 处理消息 调用一些外部电话 传递数据 我们如何跟踪上述过程中特定“运行”
我们正在考虑跟踪用户通过 Tridion 管理的网站的旅程的要求,然后能够根据此行为将此用户识别为“潜在客户”,然后如果他们在之后没有返回,则触发向此用户发送电子邮件X 天。 SmartTarget
在 Common Lisp 中,函数(跟踪名称)可用于查看有关函数调用的输出。 如果我的函数是用局部作用域声明的,我如何描述它以进行跟踪? 例如,如何跟踪栏,如下: (defun foo (x)
有什么方法可以检测文本框的值是否已更改,是用户明确更改还是某些 java 脚本代码修改了文本框?我需要检测这种变化。 最佳答案 要跟踪用户更改,您可以添加按键处理程序: $(selector).key
int Enable ( int pid) { int status; #if 1 { printf ( "child pid = %d \n", pid ); long ret =
关闭。这个问题需要多问focused 。目前不接受答案。 想要改进此问题吗?更新问题,使其仅关注一个问题 editing this post . 已关闭 9 年前。 Improve this ques
我有以下测试代码: #include int main(void) { fprintf(stderr, "This is a test.\n"); int ret = open("s
我有一个闭源 Java 应用程序,供应商已为其提供了用于自定义的 API。由于我没有其他文档,我完全依赖 API 的 javadoc。 我想跟踪特定用例在不同类中实际调用的方法。有什么办法可以用 ec
我正在学习 PHP。我在我的一个 php 函数中使用了如下所示的 for 循环。 $numbers = $data["data"]; for ($i = 0;$i send($numbers[
我是一名优秀的程序员,十分优秀!