flexinmotion.com for flex and flash components


Flex PayPal Shopping Cart Magic Component
Flex And AIR Google Analytics Magic Pro Component
Flex Google Analytics Magic Component
Flex Universal Paypal Button
Flash CS3 Universal PayPal Button
Contact Us
Suggest a Flex Component
Support


















Flex And AIR Google Analytics Magic Pro Component  
description
demo
FAQ's
about event tracking Analytics
how to use example code
$195.00 Flex Component
swc file
$495.00 Flex Component
swc file + source code
<description>
The wait is over. Flex And AIR Google Analytics Magic Pro component will now allow you to track all of your Flex and AIR application activities through Google Analytics. With the Pro version you are no longer limited to the browser. You can track usage inside or outside the browser. This component will work in browser Flex Apps or AIR apps or within any other swf2exe wrappers such as Zinc or mProjector. The magic is that you only have to write one line of code in your Flex or AIR application to enable this if you use this component. The Flex And AIR Google Analytics Magic Pro component will automatically track all user navigation clicks, button click, check boxes, radio buttons and a number of other controls within your app automatically. This automatic behavior is regardless of levels of nestation or different states within your Flex App. This component also handles dynamically generated controls and layouts. This component even supports the latest event tracking API from Google. So whatever you can do with Google's _trackEvent function you can now do within your Flex or AIR application. The demo below also provides a sample event tracking example. Here's the only line you need to add once you get this component:

<flexinmotionAnalytics:AnalyticsMagic  />


Here's what you need if you are in a non-JavaScript environment:

<flexinmotionAnalytics:AnalyticsMagic analyticsAccountId="UA-555555-5"
        analyticsDomain="mydomain.com" analyticsApplicationTitle="My Application Name" />


Get this kind of analytics you see below for user behavior on your Flex or AIR Application. Click on demo to see it in action.

You are no longer limited to use HTML if you wanted to track user behavior, adwords tracking and other marketing data. With this component you can track your Flex app the same way. All you need is this component and one line of code in your Flex App and you are up and running on Google Analytics. It is THAT simple.

<demo>
Click on the buttons and other controls below and see the debug screen on what gets reported to Google Analytics. Again this takes no coding on your part other than one line of code. That's the magic.

<FAQ's>

Q: What versions of Flex will this component work with?
A: This component works with Flex 2, Flex 3, AIR, Zinc, mProjector or any other SWF2EXE wrapper.

Q: What if I have a custom component. Will Flex And AIR Google Analytics Magic Pro work with it?
A: If your custom component extends one of the existing flex components we currently support then it will without you having to do anything extra. If the component you have is built from scratch and you want it to be tracked via Google Analytics you can do that using a utility function this component provides. If you want to track any of the custom component's events simply call the following method from your component when a desired event is triggered.

flexGoogleAnalyticsMagicInstance.sendInfoToAnalytics("yourEventName") ;

Q: Does this work with AIR Apps or Flex Apps outside of a browser? How about places where ExternalInterface is disabled? How about applications such as Zinc, mProjector or other swf2exe applications?
A: YES to all the above. You are no longer bound to the browser to track your Google Analytics activities. This component will work in Flex within a browser or an AIR app or any other stand alone Flex application. Flex And AIR Google Analytics Magic Pro component auto detects to see if it is operating within a JavaScript enabled brower. If it doesn't detect the JavaScript it will use non-JavaScript methods to communicate with Google Analytics. All you need to do is to make sure that the parameters analyticsAccountId, analyticsDomain and analyticsApplicationTitle are set so that it can send the correct information to Google Analytics. This behavior is the same when it is running within Zinc or any other swf2exe type application.

Q: Do you support the new event tracking API from Google?
A: YES. The Flex And AIR Google Analytics Magic Pro supports the latest Google event tracking API detailed below:

Google Analytics Tracking Code
(http://code.google.com/apis/analytics/docs/eventTrackerGuide.html)

For you to use this function all you need to do is call the following function and weather you are in a browser or in an AIR app the event is handled and sent to Google for tracking:

flexGoogleAnalyticsMagicInstance.trackEvent("your_pageName_or_windowName", "your_category" , "your_action", "your_label" , "your_value") ;

(The Google Event Tracking is believed to be released to the general public sometime in 2008. If you are interested before the release you need to ask Google to be included in their Beta program for this feature.)

Q: How does the licensing work for this product?
A: The purchase above is a developer license. This means a single developer can use this product in what they build. If you have a team of developers on a project then you'll need to buy multiple developer licenses for each member of your Flex development team that is working on a project that uses this product. We offer other licensing models such as site license or project based licenses which in some cases may end up being cheaper for a larger team. If you are interested please use the contact us section and explain how you'd like to use our product and we'll provide you with a quote.


Q: I've purchased Flex Google Analytics Magic but would like to upgrade to Flex and AIR Google Analytics Magic Pro because I want to use it outside of a browser such as in AIR or Zinc. How can I upgrade?
A: Go to the following link to purchase an upgrade: Flex And AIR Google Analytics Magic Pro Upgrade

Q: What can I do if the URL's are too long in Google Analytics?
A: You can turn off the property "useFullPathToObjects" on the Analytics component (i.e. useFullPathToObjects="false" ) which will reduce the length of the URL and only display the last object name and not its full path. If you've named your component uniquely then this is a good way of making the URLs shorter and more manageable.

Q: How can I control the names that appear in Google Analytics? The URLs are too cryptic and sometimes very long?
A: There are a few things you can do to make the URLs more readable for you in Google Analytics. You can name your existing components more meaningfully. The easiest way to do that is to make sure that each component that you want to track in your Flex App has a 'name' attribute set (e.g. name="myimportantbutton" ). If you set them to names that make sense to you, you can then look those names up when you read the Google Analytics reports. You can also turn off the property "useFullPathToObjects" on the components which will reduce the length of the URL and only display the last object name and not its full path. This in combination with naming your components can make reading the Analytics report very easy.

Q: Do you have a similar component for Flash Apps?
A: Not at this point. But we're working on it. If this is of interest to you please send us an email and we'll expedite its release. Here's where you can contact us and tell us that you are interested: contact us

Q: How do I add this component in my Flex App?
A: Here are the steps:
  • After buying the component you'll receive a zip file. Unzip it and you'll find a swc file. Remember where you extracted the swc file
  • In Flex Builder or Eclipse do the following: Select the project you want to add this component to. Go to Project properties. Click on Flex Build Path. Select the Library Path tab. Click on "Add SWC". Find the swc file you extracted.
  • That's it! You now have access to the google analytics component and you can use the example code on this page to try it out.






  • <about Google Analytics>

    What is Google Analytics:
    Here's a link to Google Analytics:
    http://www.google.com/analytics/indexu.html

    Here's Google Analytics in Wikipedia:
    Google Analytics (abbreviated GA) is a FREE service offered by Google that generates detailed statistics about the visitors to a website. Its main highlight is that a webmaster can monitor traffic and user activity on your site and be able to optimize the site for best use. Also enables you to optimize AdWords advertisement and marketing campaigns through the use of GA's analysis of where the visitors came from, how long they stayed on the website and their geographical position.

    Users can define and track conversions, or goals. Goals might include sales, lead generation, viewing a specific page, or downloading a particular file. By using this tool, marketers can determine which ads are performing, and which are not, as well as find unexpected sources of quality visitors.
    (Source
    http://en.wikipedia.org/wiki/Google_Analytics)


    <how to use example code>
    Here's a simple example on how to use the component.
    STEP 1. Sign up on Google Analytics for an account (It's Free). Grab the Javascript that Google gives you and place it on the HTML page that your Flex App is in

    STEP 2. Follow the example below to add the xmlns for com.flexinmotion.ganalytics.* and also to enter the one line of code to enable it all. That's it!

    STEP 3. It takes about 24 hours for Google Analytics to start showing the results of your traffic. But you can ensure that the app is working correctly by turning on the debug flag and experimenting with it right away.


    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" height="229"
            width="265" xmlns:flexinmotionAnalytics = "com.flexinmotion.ganalytics.*" >

        <mx:Button x="63" y="62" label="Example Button"/>
        <mx:CheckBox x="63" y="109" label="Example Check box"/>

        <!--
        The following line of code is all you need to add to whatever Flex App
        you have to enabled it to be tracked by Google Analytics. It is that simple!  -->

        <flexinmotionAnalytics:AnalyticsMagicPro debugMode="false" id="analyticsMagic"
            analyticsAccountId="UA-555555-5" analyticsDomain="mydomain.com"
            analyticsApplicationTitle="My Application Name" />

        <!-- end of Flex And AIR Google Analytics magic component insertion. -->

    </mx:Application>

    ---------------------------------------------------------------------------------
    home | contact us | support| flex component suggestions
    Flex PayPal Shopping Cart Magic | Flex And AIR Google Analytics Magic Pro
    Flex Google Analytics Magic | Flex Universal Paypal Button
    Flash CS3 Universal Paypal Button

    Copyright 2008 flexinmotion.com. All rights reserved.