Google Analytics(分析):如何在点击主网站时跟踪移动网站的点击量

时间:2012-09-04 10:42:52

标签: javascript mobile google-analytics sencha-touch-2

我们正在开发一个全新的移动版本的网站,它是一个使用Sencha Touch 2(Ext JS,JavaScript)编写的HTML5网站。

我们在主网站上使用Google Analytics,我们也希望在移动网站上使用GA。但是我们想要的用例有点特别: 我们希望将移动网站上的文章点击为主网站上相应文章的点击。 这背后的原因是希望汇总统计数据,而不是单独跟踪数据。

两个站点的域和URL结构不同,尽管站点层次结构有些相似(它们都从Sharepoint后端获取内容),这就是挑战。我们不仅可以使用“setDomainName”等内容更改域名。

在移动版的每个页面上,我们都可以获得主网站上原始页面/文章的完整URL。我们想要做的是告诉Google将视图跟踪为该网址的匹配,而不是我们实际访问的网址。

我见过一些关于'trackPageView'的帖子(f here),它可能足以满足我们的需求,但我并不完全确定。这听起来有点过于简单,但也可能是我在这里看不到明显的解决方案。 我们可以为这个方法提供所需的命中网址,就是这样吗?那么它是否可以在标题中使用此URL检查设置变量,如果它存在则调用'trackPageView'并将其作为参数,如果不是仅跟踪常规命中? 欢迎使用这种方法的任何语法帮助。

所有帮助&建议在这里赞赏! 我在没有太多帮助信息的情况下搜索了GA文档。

3 个答案:

答案 0 :(得分:1)

是的,只需使用跟踪页面视图事件并传递相应的URL参数即可。在sencha中,您的所有视图都将存在于同一HTML页面中,因此您需要以编程方式调用它。

包含您在具有相同ID的实际网站中使用的相同跟踪代码...这应该按预期工作... 非常好的问题......希望它有所帮助...

答案 1 :(得分:1)

这里的GA跟踪拼写出来并简化了ST2 +。我已经介绍了如何初始化,设置基本导航跟踪,以及包括自定义变量和放大器在内的多种替代方案。事件跟踪。

/*
Standard method to init GA tracking.
These can be fired from launch.
*/

initialiseGoogleAnalytics : function() {
    //Add Google Analytics Key
    window._gaq = window._gaq || [];
    window._gaq.push(['_setAccount', MyApp.config.googleAnalytics.code]);
    window._gaq.push(['_setDomainName', MyApp.config.googleAnalytics.domain]);
    window._gaq.push(['_trackPageview']);
    (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);
    })();
},

/* 
    This method can be set to a globally accessable reference.
    For instance:
        MyApp.Util = {}; // reference for common utility functions
        MyApp.Util.gaTrackEvent = function(data) {};

    Thus allowing MyApp.Util.gaTrackEvent(data) from anywhere in app.

    Alternatively, add as function to Application for 
        this.getApplication().gaTrackEvent(data);
*/
gaTrackEvent : function(data) {
    //Push data to Google Analytics

    // optional prefix for mobile devices - unnecessary for your interest
    var prefix = 'mobile/';

    // don't track homepage/default hits
    if (data == 'home') {
        //Ignore Home
        return;
    }

    // basic tracking
    _gaq.push(['_trackPageview', prefix + data]);

    // OPTIONAL ALTERNATIVES FOR DETAILED TRACKING
    // detailed tracking - condensed
    _gaq.push(['_setCustomVar',
        1,                      // custom variable slot
        'customEventName',      // custom variable name
        'value1|value2|value3', // multiple values using 1 slot
        2                       // sets scope to session-level
    ]);
    _gaq.push(['_trackEvent',
        'ParentEventName',
        'SomeValue'
    ]);

    // detailed tracking - each variable using own slot
    _gaq.push(['_setCustomVar',
        1,
        'stage1',
        'value1',
        2
    ]);
    _gaq.push(['_setCustomVar',
        2,
        'stage2',
        'value2',
        2
    ]);
    _gaq.push(['_setCustomVar',
        3,
        'stage3',
        'value3',
        2
    ]);
    _gaq.push(['_trackEvent',
        'ParentEventName',
        'SomeValue'
    ]);

}


/*
Set up a controller to handle GA tracking.
This way you can keep the unique events you wish to track central,
while also handling default tracking and SEO.

For example, a controller for Registration might want tracking on success.
this.getRegistration().fireEvent('registrationsuccess');
*/
    config: {
        control: {
                "navigationview": {
                    activeitemchange: 'generalSEOhandler'
                },
                "#registration": {
                    registrationsuccess: 'onRegistrationSuccess'
                },
                ...
        },
    },

    generalSEOhandler: function(container, value, oldValue, eOpts) {
        if (value === 0) {
            return false;
        }

        // ignoreDefaultSeo - boolean custom config that can be applied to views.
        var ignoreDefaultSeo = value.getInitialConfig('ignoreDefaultSeo');

        if (Ext.isDefined(ignoreDefaultSeo) && ignoreDefaultSeo == 1) {
            // optional handler for special cases...
        } else {
            // Use default
            var itemId = value.getItemId();
            itemId = itemId.replace(/^ext-/,'');    // Remove the prefix ext-
            itemId = itemId.replace(/-[0-9]?$/,''); // Remove the suffix -1,-2...

            // Alternatively use xtype of the view (my preference)
            // This will require the xtypes of your views to match the main site pages.
            var itemId = value.config.xtype;

            this.trackEvent(itemId);
            //console.log('USE DEFAULT', value.getId(), value.getItemId(), value);
        }
    },

    onRegistrationSuccess: function(eventOptions) {
        var app = this.getApplication(),
            trackUrl;

        trackUrl = 'new-member';

        if (Ext.isDefined(app.accountReactivated) && app.accountReactivated == 1) {
            trackUrl = 'reactivated-member';
        }

        if (Ext.isDefined(app.registeredUsingFacebook) && app.registeredUsingFacebook == 1) {
            trackUrl += '/facebook';
        } else {
            trackUrl += '/non-facebook';
        }

        // console.log('onRegistrationSuccess', trackUrl);
        this.trackEvent(trackUrl);
    },

    trackEvent: function(data) {
        // if using MyApp.Util.gaTrackEvent() technique
        MyApp.Util.gaTrackEvent(data);

        // if gaTrackEvent() an application method
        this.getApplication().gaTrackEvent(data);
    }
}

答案 2 :(得分:0)