2012-01-28 62 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