कैसे शामिल करने के लिए गूगल एनालिटिक्स कोणीय CLI अनुप्रयोग में

Question

आमतौर सहित एनालिटिक्स एचटीएमएल शरीर में अपने ट्रैकिंग कोड चिपकाने, प्रॉपर्टी आईडी और पृष्ठ-अवलोकन कार्रवाई के साथ के बारे में था। मैं Tracking Google Analytics Page Views in Angular2 में जवाब पीछा किया और जब ng serve कर इसे सही ढंग से लेकिन फिर स्क्रिप्ट शामिल है जब उत्पादन पैदा करने AOT यह सूचकांक में शामिल नहीं है:

ng build --progress false --aot true -prod -e prod 

सबसे अच्छा अभ्यास गूगल एनालिटिक्स या अन्य ट्रैकिंग समाधान शामिल करने के लिए क्या है Angular2 क्ली के साथ?

अग्रिम धन्यवाद

Answer 1

में आप कोणीय-CLI का उपयोग कर अपने शेष स्क्रिप्ट्स यह बंडल कर सकते हैं।

google-analytics.js की तरह एक कुछ फ़ाइल का नाम में गूगल एनालिटिक्स कोड रखो। सुनिश्चित करें कि आप स्क्रिप्ट टैग हटा दें।

फिर अपनी angular-cli.json फ़ाइल में, google-analytics.js फ़ाइल को scripts संपत्ति में जोड़ें।

यहाँ कोड angular-cli.json में कैसा दिखेगा इसका एक उदाहरण है।

"scripts": [ 
    "google-analytics.js" 
], 

यह स्निपेट कोणीय CLI जो ng serve कमांड के साथ रन-टाइम में भरी हुई है scripts.bundle.js नाम की एक फ़ाइल में गूगल एनालिटिक्स-बंडल करने का कारण होगा।