YepNope（Modernizr）和Google Analytics

我使用偉大的異步腳本加載器yepnope.js（在Modernizr2中）。YepNope（Modernizr）和Google Analytics

我的問題是，將yeapnope（如果有的話）納入lattern Google Analtics異步代碼的最佳方式是什麼？

谷歌認爲這對於實際的分析代碼：

<html> 

<head> 
    <script type="text/javascript"> 
    var _gaq = _gaq || []; 
    _gaq.push(['_setAccount', 'UA-XXXXX-X']); 
    _gaq.push(['_trackPageview']); 
    </script> 
</head> 

<body> 
    <p>Page Content</p> 

    <script src="some_random_script.js"></script> 

    <p>Page Content</p> 

    <script type="text/javascript"> (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); 
    })(); 
    </script> 
</body> 
</html>

但在Modernizrs文檔，他們提到這一點：

// Give Modernizr.load a string, an object, or an array of strings and objects 
Modernizr.load([ 
    // Presentational polyfills 
    { 
    // Logical list of things we would normally need 
    test : Modernizr.fontface && Modernizr.canvas && Modernizr.cssgradients, 
    // Modernizr.load loads css and javascript by default 
    nope : ['presentational-polyfill.js', 'presentational.css'] 
    }, 
    // Functional polyfills 
    { 
    // This just has to be truthy 
    test : Modernizr.websockets && window.JSON, 
    // socket-io.js and json2.js 
    nope : 'functional-polyfills.js', 
    // You can also give arrays of resources to load. 
    both : [ 'app.js', 'extra.js' ], 
    complete : function() { 
     // Run this after everything in this group has downloaded 
     // and executed, as well everything in all previous groups 
     myApp.init(); 
    } 
    }, 
    // Run your analytics after you've already kicked off all the rest 
    // of your app. 
    'post-analytics.js' 
]);

注意底線重：發佈analyics。我不想要一個新的js文件，因爲這是另一個HTTP請求。

我應該在yepnope之外保留這個嗎？把它放在yepnope框架中有什麼好處嗎？

阿迪

來源

2011-06-27 Adi

我發現這對Ignited-HTML5-Boilerplate。

<script> 
    window._gaq = [['_setAccount','UAXXXXXXXX1'],['_trackPageview'],['_trackPageLoadTime']]; 
    Modernizr.load({ 
     load: ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js' 
    }); 
</script>

來源

2011-08-22 19:26:11 Malachi

不知道這是「最好的辦法」，以納入yepnope最新的谷歌Analytics（分析）代碼，但在yepnope整合谷歌代碼的方式是：

<script type="text/javascript"> 
Modernizr.load([ 
    { 
    // WEB ANALYTICS loaded by yepnope (beta) 
    test: Boolean(SITEID = ''), // TODO: Fill the site ID to activate analytics 
    complete: function() { 
     if (SITEID) { 
      var _gaq=[['_setAccount',SITEID],['_trackPageview']]; 
      (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1; 
      g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js'; 
      s.parentNode.insertBefore(g,s)}(document,'script')); 
     } 
    } 
    } 
]); 
</script>

It should be OK放置此代碼就在</body>標籤之前。

來源

2011-12-06 22:12:00 Paolo

YepNope（Modernizr）和Google Analytics

回答

相關問題