2

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

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

这两个站点的域和 URL 结构不同,尽管站点层次结构有些相似(它们都从 Sharepoint 后端获取内容),这就是挑战所在。我们不能只使用“setDomainName”之类的东西来更改域。

在移动版的每个页面上,我们都有主站点上原始页面/文章的完整 URL。我们想要做的是告诉 Google 跟踪该视图作为对该 URL 的点击,而不是我们实际所在的那个。

我已经看到一些关于“trackPageView”的线程(f ex here),它可能足以满足我们的需求,但我并不完全确定。这听起来有点太简单了,但也可能是我在这里没有看到明显的解决方案。我们能否为这个方法提供所需的命中 URL,仅此而已?那么在标头中有一个脚本来检查具有此 URL 的设置变量是否有效,如果它存在调用“trackPageView”并将其作为参数,如果不只是跟踪常规命中?欢迎对这种方法的语法提供任何帮助。

在这里感谢所有帮助和建议!我在没有太多关于这种特殊情况的帮助信息的情况下搜索了 GA 文档。

4

3 回答 3

1

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

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

于 2012-12-22T05:13:46.557 回答
1

这是 GA Tracking 的详细说明,对 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);
    }
}
于 2014-03-01T06:53:39.083 回答
0

我发现这篇文章谈论的是 Google Analytics 和 Sencha Touch

http://wtcindia.wordpress.com/2013/03/21/using-google-analytics-in-sencha-touch-based-mobile-website/

于 2013-03-22T06:30:21.837 回答