Cách sử dụng phân tích google từ tệp ngọc bích

Question

Tôi muốn theo dõi người dùng trang web của mình. Vì tôi không có một tập tin HTML cũ thời, nên tôi thích ứng với mã đã cho cú pháp ngọc bích hoặc tôi có thể rời khỏi kịch bản bị ảnh hưởng và bao gồm nó bằng cách nào đó?

Trong trường hợp tôi cần phải chuyển đổi nó thành cú pháp ngọc, điều này có thể được tự động tạo bởi một số công cụ hay không.

<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

Giải pháp thật dễ dàng.

Bước 1: tôi đã tạo tệp có tên 'analytics.js' và đặt mã giữa các thẻ tập lệnh trong đó. Không cần chuyển đổi sang cú pháp ngọc.

Bước 2: i tham chiếu kịch bản từ tập tin ngọc

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

Answer 2

Thay vì nó tìm kiếm một tập tin mã và tải nó. Nội tuyến (như Trevor đề xuất là tốt hơn).

Để thực hiện điều này, bạn phải tận dụng các thẻ script. .... không chỉ script

Xem dưới đây:

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

Hãy chắc chắn rằng khoảng cách và như vậy thực sự là thụt vào một tab từ nội dung của bạn

Answer 3

Như đã nói ở đây trước đây - nên đặt đoạn mã GA nội tuyến trong tệp của bạn, vì đoạn mã GA thực sự sẽ gọi một tệp khác (www.google-analytics.com/analytics.js), vì vậy, có một chút của một sự lãng phí NHẬN một tệp js khác, sau đó sẽ nhận tệp Google.

Tuy nhiên - nếu bạn muốn giữ layout.jade của bạn sạch (và bạn nên), bạn có thể đặt đoạn mã BRogers đã viết (tệp bắt đầu bằng "tập lệnh"), trong một tệp riêng biệt, hãy gọi nó googleAnalytics.jade, và trong layout.jade của bạn chỉ bao gồm:

include partials/googleAnalytics 

(của partials Tất nhiên là cách tôi thư mục quan điểm của tôi, đó là tùy thuộc vào bạn)

này sẽ có nghĩa là đoạn GA sẽ được bao gồm trong các trang của bạn trên máy chủ, giúp bạn tiết kiệm thêm GET, nhưng vẫn giữ layout.jade của bạn đẹp và gọn gàng.