jadeファイルからgoogle analyticsを使用する方法

Question

私のウェブサイトのユーザーを追跡したいと思います。私は旧式のHTMLファイルを持っていないので、与えられたコードをjade構文に適合させるべきですか？あるいは、スクリプトを手つかずのままにして何らかの形でそれを含めることができますか？

jade構文に変換する必要がある場合は、いくつかのツールで自動生成できますか？

<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'); 

    ga('create', 'UA-XXXXXXXX-X', 'domain.com'); 
    ga('send', 'pageview'); 
</script> 

Answer 1

解決策は簡単でした。

ステップ1：「analytics.js」というファイルを作成し、その中にスクリプトタグの間にコードを挿入しました。ヒスイ構文に変換する必要はありません。

ステップ2：私はヒスイのファイル

script(src='/js/analytics.js') 

Answer 2

の代わりに、それは別のコードファイルを探し、それを読み込むことからスクリプトを参照しました。インライン（Trevorが提案したように良いです）。あなたはscript.タグの使用を確認する必要があり、これを達成するために

....だけではなく、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'); 

      ga('create', 'UA-11111111-1', 'yourdomain.com'); 
      ga('send', 'pageview'); 

を間隔と、そのようなは実際には1つのタブにインデントされていることを確認しますあなたのものから

Answer 3

GAスニペットが実際に別のファイル（www.google-analytics.com/analytics.js）を呼び出すため、前に説明したように、GAスニペットをファイルにインライン展開することをおすすめします。廃棄物の別のjsファイルを取得し、Googleのものを入手します。

しかし、あなたがlayout.jadeをきれいにしておきたいなら、BRogersが書いたコードスニペット（ "script。"で始まるもの）を別のファイルに入れて、それを呼び出すことができますgoogleAnalytics.jade、そしてあなたのlayout.jadeでちょうど含める：

include partials/googleAnalytics 

（もちろんパーシャルのそれはあなた次第です、私は私の意見をフォルダの方法です）

これは、GAスニペットが含まれますを意味しますサーバー上のページに追加のGETを保存しますが、layout.jadeを素早く整理してください。