2012-01-28 12 views
0

javascript変数を配列にプッシュしたいと思います。具体的には、Googleアナリティクスのアカウント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

+0

JavaScriptで行うことは、「ソースを表示」すると表示されません。ブラウザが読み込んだときのページの様子が表示されます。 – Pointy

+1

別のサイトではなく、ここにコードを掲載してください。そのリンクが死ぬと、あなたの質問は今後の読者には役に立たないでしょう。 –

答えて

1

答えにPointyのコメントを追加すると、ブラウザーの「ソースの表示」機能を使用して、探しているものを表示することはできません。 「ソースの表示」では、作成したJavaScriptが表示されます。実行時などに値が何であるかは表示されません。これは、すべての主要なWebブラウザに組み込まれているまともなJavaScriptデバッガを必要とします。 (またはFirefox用のFirebugを使用しています。)

あなたがこの行にデバッガのブレークポイントを設定する場合は、googleanalyticsUA-XXXXXXXX-Xであることを確認することができます。これは、あなたがすでにalert行で自分自身を実証したのと同じです。

+0

ziesemer - 情報ありがとうございました。私はjavascriptがソースを更新しないことを知っている誰もが、私は愚かでなければならないと思っていると確信していますが、私は正直にそれを知りませんでした。また、私はChromeを使用しており、デベロッパーツールを使用して実際にどの変数が設定されているかを確認する方法はありません。 – robflate

+2

@robflate - 開発ツール(F12)を開き、 "スクリプト"タブをクリックしてファイルを選択し、 '_gaq.push(['_ setAccount'、googleanalytics]);'行を探して、次の行をクリックしますブレークポイントを設定するために左マージンにそれを置き、ページをリフレッシュします。この変数とその値は、ブレークポイントに達すると "スコープ変数"に表示されます。 – ziesemer

+0

ソースで表示可能なHTML出力を生成すると思うかもしれません。実際には、Javascriptは、ウェブページを読み込むときに、より多くのデータを送信するための入り口と考えています。 – yoshi

1

これは実際には改善点ではありませんが、Googleアナリティクスのデバッグに関するヒントです。元のポスターは、彼が良いことであるクロムを使用していたと述べました。クロームでは、キーコンボCTRL-SHIFT-Jを使用して、JavaScriptデバッグコンソールをプルアップすることができます。 Googleアナリティクス固有の情報については、Chrome用に構築されたGAデバッグ用の拡張機能をダウンロードすることもできます。この拡張機能を使用すると、デバッグコンソールでのGoogleのやりとりについて知りたいことのほとんどを見ることができます。

また、fiddler2はJavaScriptをデバッグするのに最適なリソースです。下の2番目のリンクは、特に自動応答機能を使用して、通常はあなたのWebサーバーからロードされる.jsファイルのローカルコピーを提供するときに、http相互作用を大幅に制御できるように、 。

私を助けてくれたリンクのカップル:

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

関連する問題