个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
31
4
我的谷歌分析 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/
31
4
0
我是 javascript 的新手(今天开始弄乱它)。 我正在尝试更改名为“bar”的元素(div)的高度。条形图将成为图表的一部分。 我可以毫无问题地将按钮连接到更改栏高度的函数。一切正常，除了条形
错误 -> “UIVIew”没有名为“addSubView”的成员 override func viewDidLoad() { super.viewDidLoad() // Do an
我在命令行工具项目中复制并粘贴了 main.swift 下面链接中的代码。 How do you use CGEventTapCreate in Swift? 它构建没有错误，但是当我运行时， gua
我在尝试编译我的代码时遇到以下错误。 ERROR! ..\myCode\CPOI.cpp:68:41: error: cannot dynamic_cast 'screenType' (of type
我正在尝试将多个字符串连接到一个我已为其分配内存的字符串指针。这是一个例子: char *finalNumString = malloc(sizeof(char)*1024); finalNumStr
我在使用 dup2() 和 pipe() 时遇到问题。 当我尝试将管道的写入端 dup2 到 STDOUT_FILENO 时，我收到了 EBADF。 我用 gdb 在 dup2(pout[1], ST
首先，我应该说我运行的是 Windows 7。 因此，今天早上我尝试像往常一样从我的存储库中提取数据，但我做不到。我得到了错误: The authenticity of host 'github.co
刚开始在虚拟环境中运行Python，乱用Django，无法激活虚拟环境。 花了最后 4 个小时尝试在本地终端/VS 代码上激活虚拟环境 (venv)，但没有成功。 避免使用“sudo pip inst
Tidyverse 的粉丝经常给出使用小标题而不是数据框的几个优点。它们中的大多数似乎旨在保护用户免于犯错误。例如，与数据框不同，小标题: 不需要 ,drop=FALSE不从数据中删除维度的论据。 不
我一直在对 Elm 应用程序进行 docker 化时遇到问题。据我所知，我已经创建了一个完整且有效的 Docker 文件……但它不起作用。 我会解释的。 所以我的脚本在 3 个文件中运行。 首先是启动
我可以在 Controller 中使用@Autowired，例如 @RestController public class Index { @Autowired HttpServlet
我定义了一个方法和一个函数: def print(str:String) = println val intToString = (n:Int) => n.toString 现在我想创作它们。 我的问
当我控制台单独记录变量“pokemons”时，它确实返回一个数组。但是当我尝试映射它时，出现错误: TypeError: pokemons.map is not a function 我的代码: im
每当我尝试在 Python 解释器中导入 smtplib 时，都会收到此错误: ImportError: cannot import name fix_eols 我该如何解决这个问题？ 编辑:这是完整
我正在使用 Meteor.js 开发一个项目，但在使用 Handlebar 时遇到了一些问题:我想检索集合的最后一项，并显示字段:其中包含 html 的文本: 这是我的javascript代码: Te
你好，我想使用 Service 实现 GestureDetector 但是我有这个错误The method onTouchEvent(MotionEvent) of type GestureServi
我正在尝试在 Controller bean 中 Autowiring 接口(interface) 在我放置的上下文配置文件中 和 我的 Controller 类是 @Controller pub
我试图在 mainwindow.cpp 中包含 QtSvg，但是当我编译时它说无法打开包含文件:QtSvg。我已经在我的 *.pro 文件中添加了这个(QT += svg)。我可以知道可能是什么问题吗
鉴于以下 PostgreSQL 代码，我认为这段代码不容易受到 SQL 注入(inject)攻击: _filter 'day' _start 1 _end 10 _sort 'article_name
我想执行以下操作。这在 MySQL 中是非法的。 PostGRESQL 中关联的 CTE(“with”子句)有效。这里的假设是 MySQL 中的子查询不是完全限定的 CTE。 请注意:这个查询显然非常
我是一名优秀的程序员,十分优秀！