2012-01-28 63 views
0

我想将JavaScript变量推送到数组中。具体而言,我想将Google Analytics帐号ID(UA-XXXXXXXX-X)推入我的网站页脚中的Google Analytics JavaScript跟踪代码。无法将javascript变量推入数组

(function($) { 

     var jsvars = {"columns":"1","mobilemenu":"1","googleanalytics":"UA-XXXXXXXX-X"}; 
     var googleanalytics = jsvars.googleanalytics; 

     /* hit run to to confirm the googleanalytics variable is available */ 
     alert (googleanalytics); 

     var _gaq = _gaq || []; 
     /* I want to push the googleanalytics variable into the array */ 
     /* When I view source, it does not show as UA-XXXXXXXX-X, it just shows as googleanalytics */ 
     _gaq.push(['_setAccount', googleanalytics]); 
     _gaq.push(['_trackPageview']); 

     (function() { 
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; 
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; 
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); 
     })(); 

})(jQuery); 

http://jsfiddle.net/robflate/2MnM7/

感谢。

+1

..但它的工作原理? – c69 2012-01-28 15:45:35

+0

当您执行“查看源代码”时,您在JavaScript中执行的操作不会显示出来。这只是告诉你当浏览器加载它时页面看起来像什么。 – Pointy 2012-01-28 15:52:07

+1

请在此处发布您的代码,而不是仅在其他网站上发布。如果这个链接永远消失了,你的问题将不会对未来的读者有用。 – 2012-01-28 15:54:04

回答

1

将Pointy的评论延伸到答案,您无法使用浏览器的“查看源代码”功能查看您要查找的内容。 “查看源代码”将显示您写的JavaScript。它不会告诉你什么值在运行时等。为此,你需要一个体面的JavaScript调试器 - 现在内置于所有主要的Web浏览器。 (或者使用Firebug为Firefox浏览器。)

如果设置在这条线调试器断点,你就可以看到,googleanalyticsUA-XXXXXXXX-X。这与您已使用alert线显示的内容类似。

+0

ziesemer - 感谢您的信息。我相信每个知道javascript不更新源代码的人都认为我一定很笨,但我真的从来不知道这一点。另外,我使用的是Chrome,无法查看如何使用开发人员工具查看实际设置的变量。 – robflate 2012-01-28 16:21:06

+2

@robflate - 打开开发者工具(F12),点击“脚本”标签,选择你的文件,找到'_gaq.push(['_ setAccount',googleanalytics]);'行,点击行#next在左侧边缘设置断点,然后刷新页面。一旦断点被​​击中,这个变量及其值就应该在“范围变量”中可见。 – ziesemer 2012-01-28 16:26:15

+0

也许人们可能会认为它会在源代码中生成可查看的HTML输出。实际上,我认为JavaScript是加载网页时传输数据的更多入口。 – yoshi 2012-01-28 16:29:35

1

这不是对答案的改进,而是调试Google Analytics的一些提示。原来的海报提到他使用铬,这是一件好事。在Chrome中,您可以首先使用组合键CTRL-SHIFT-J来调用JavaScript调试控制台。对于Google Analytics特定信息,您还可以下载适用于Chrome的GA调试扩展。通过此扩展功能,您可以在调试控制台中查看关于Google互动的所有信息。

此外,fiddler2是一个很好的调试JavaScript资源。下面的第二个链接有一个很好的视频教程,介绍如何使用fiddler来控制http交互,尤其是当使用自动回复功能提供通常从Web服务器加载的.js文件的本地副本时。

一对夫妇的帮助我联系:

http://www.webanalyticsworld.net/2012/01/basics-of-debugging-google-analytics-code-ga-chrome-debugger-and-other-tools.html

http://www.webanalyticsworld.net/2012/02/debugging-google-analytics-code-ii-a-tutorial-video-on-fiddler%E2%80%99s-inspector-and-autoresponder-functions.html