jquery-mobile - jQuery mobile 和 Google Analytics - 单页模板

Question

我在任何地方都没有找到我的问题的答案，而且我对 javascript 一无所知，所以我自己也搞不清楚。

如果我建立了 jQuery 移动网站，那么 每个页面都在单独的 html 文件中 (single page template)。我可以使用标准的异步 Google Analytics 代码吗，或者我必须进行类似于 those used in multi page template 的修改吗？ ?

如果有人能回答这个问题，将非常感激。

Answer 1

是的，您可以使用标准的 Google Analytics(分析)代码。但是，由于 jQuery Mobile 处理页面导航的方式，您需要将某些页面 View “推送”到 Google Analytics。

例如，如果您的网站上有一个联系表，地址为 contact.html。提交后，将转到 process.php页面，然后完成后，用户到达thank-you.html ，您将需要调用一些 JavaScript 来将网页浏览“推送”到 Google Analytics。

例如，如果您的 jQuery Mobile 页面元素 ( data-role="page" ) 具有 id="thank-you" ，然后我会使用这个:

<script type="text/javascript">
$(document).delegate('#thank-you', 'pageshow', function () {
    //Your code for each thank you page load here
    _gaq.push(['_setAccount', 'UA-XXXXXXX-X']);
    _gaq.push(['_trackPageview', '/thank-you.html']);

});
</script>

更新:

我会把它放在你的 script.js加载 jQuery 和 jQuery Mobile 后包含在头中的文件。这会在每个 data-role="page" 上触发 pageshow事件，目前正在我的现场项目上工作得很好。

$('[data-role=page]').live('pageshow', function (event, ui) {
    try {
        _gaq.push(['_setAccount', 'UA-XXXXXXX-X']);

        hash = location.hash;

        if (hash) {
            _gaq.push(['_trackPageview', hash.substr(1)]);
        } else {
            _gaq.push(['_trackPageview']);
        }

    } catch(err) {

    }

});