簡體   English   中英

如何將Google Analytics(分析)合並到具有離線/在線模式的HTML5移動應用中?

[英]How can Google Analytics be incorporated in HTML5 Mobile App that has offline/online mode?

我有一個基於JQuery Mobile的HTML5移動應用程序。 它不從服務器獲取任何內容,有時連接到Internet,但也具有脫機模式。 Google Analytics(分析)是否支持離線模式? 請注意,我沒有使用Android / iOS SDK。 只是ga.js位於JQueryMobile頁面內。 謝謝

以下是我的html5 JQueryMobile代碼:

    <!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Mobile @ Your Library</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />

 <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js">  </script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
<script type="text/javascript">

    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-40418-saddf']);

    _gaq.push(['_gat._anonymizeIp']);

    (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/u/ga_debug.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
     })();

</script>



</script>
<body> 

<div data-role="header" data-theme="d"> 
    <h1>Mobile @ Your Library</h1>
    <a href="#home" data-icon="home" data-iconpos="notext" data-theme="d" class="ui-btn-right">home</a>
</div><!-- /header --> 

<div data-role="content">
    <ul data-role="listview" data-inset="true">
        <li><a href="#search">Search</a></li>
        <li><a href="#hours">Hours</a></li>
        <li><a href="#ask">Ask a Librarian</a></li>
        <li><a href="#about">About</a></li>
        <li><a href="#where" data-rel="dialog" data-transition="pop">Where</a></li>
    </ul>       

</div><!-- /content --> 

<div data-role="footer" data-id="myfooter" data-position="fixed" data-theme="d"> 
    <div class="controls" data-role="controlgroup" data-type="horizontal">
        <a href="#home" data-role="button" data-icon="home">Home</a>
        <a href="#search" data-role="button" data-icon="search">Search</a>
        <a href="#ask" data-role="button" data-icon="info">Ask</a>
        <a href="/index.php" rel="external" data-role="button" data-icon="plus">Full site</a>
    </div>
</div><!-- /footer -->  
</div><!-- /page -->
<!--
<script type="text/javascript">
$('[data-role=page]').live('pageshow', function (event, ui) {
    console.log('pageshow called s');
    console.log('pageshow called s2');
     try {
    _gaq.push( ['_trackPageview', event.target.id] );
    console.log('tracked '+event.target.id);
    } catch(err) {
       console.log('error '+ err);
    }

});
</script>-->
<script type="text/javascript">
$(document).delegate('[data-role=page]', 'pageshow', function (event, ui) {
console.log('pageshow event '+ui.prevPage.id);
var url = location.href;
console.log('pageshow url = '+url);
try  {

    if (location.hash) {

        url = location.hash;
        console.log('location.hash so now url = '+url);
    }
    console.log('about to push page '+url);
    //_gaq.push(['_trackPageview', url]);
    _gaq.push( ['_trackPageview', event.target.id] );
    console.log('about to push page '+url);
} 
catch(error) {
    // error catch
    console.log('error '+error);
}
});

</script>
</body> 
</html>

GA代碼必須能夠將請求發送到服務器,以便跟蹤數據。 如果您處於離線模式且未發出任何請求,則不會進行跟蹤。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM