<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Woven Interactive &#187; Flash Event Tracking</title>
	<atom:link href="http://woveninteractive.net/tag/flash-event-tracking/feed/" rel="self" type="application/rss+xml" />
	<link>http://woveninteractive.net</link>
	<description>Flash, Flex, Papervision, Interactive Agency</description>
	<lastBuildDate>Wed, 11 Nov 2009 17:36:15 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Look Mom No Javascript : Google Analytics Flash Event Tracking</title>
		<link>http://woveninteractive.net/2009/02/look-mom-no-javascript-google-analytics-flash-event-tracking/</link>
		<comments>http://woveninteractive.net/2009/02/look-mom-no-javascript-google-analytics-flash-event-tracking/#comments</comments>
		<pubDate>Tue, 17 Feb 2009 18:27:34 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[AS3]]></category>
		<category><![CDATA[Flash Actionscript]]></category>
		<category><![CDATA[Flash Analytics]]></category>
		<category><![CDATA[Actionscript]]></category>
		<category><![CDATA[Flash Event Tracking]]></category>
		<category><![CDATA[Google Analytics]]></category>
		<category><![CDATA[Interactive Agency]]></category>
		<category><![CDATA[Page Load Times]]></category>

		<guid isPermaLink="false">http://woveninteractive.net/?p=30</guid>
		<description><![CDATA[

If you have not heard already, Google has a new tool for tracking Flash Analytics. Unlike the first version we tested a year ago, this new code base requires no javascript to implement. Why is this important? 
Here is the scenario:
I create a killer Flash widget and would like to track how users interact with [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.woveninteractive.com"><img src="http://woveninteractive.net/wp-content/uploads/2009/02/google-analytics-screenshot.jpg" alt="google-analytics-screenshot" title="google-analytics-screenshot" width="475" class="alignnone size-full wp-image-35" /></a><br />
</br><br />
If you have not heard already, Google has a new tool for <a href="http://code.google.com/p/gaforflash/">tracking Flash Analytics</a>. Unlike the first version we tested a year ago, this new code base requires no javascript to implement. Why is this important? </p>
<p>Here is the scenario:</p>
<p>I create a killer <a href="http://www.ilovenapoleondynamite.com/">Flash widget</a> and would like to track how users interact with it. If the widget is only on my site then a javascript / flash tracking solution works great. But, if I want to spread it virally and still track my results I can't rely on a javascript solution.</p>
<p>This is where google event tracking enters the picture: <a href="http://code.google.com/p/gaforflash/">gaforflash</a></p>
<p>While you can use this to track page views button clicks etc you can also get creative and track much much more.</p>
<p>Our <a href="http://woveninteractive.com/">Interactive Agency</a> decided to track Flash page load times. This would allow us to determine if the average user was waiting too long to view a page. Example code below:</p>
<p><img src="http://woveninteractive.net/wp-content/uploads/2009/02/google-analytics-event-tracking.jpg" alt="google-analytics-event-tracking" title="google-analytics-event-tracking" width="475" class="alignnone size-full wp-image-37" /></p>
<div class="igBar"><span id="lactionscript-3"><a href="#" onclick="javascript:showCodeTxt('actionscript-3'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">Actionscript:</span>
<div id="actionscript-3">
<div class="actionscript">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">_controller.<span style="color: #006600;">mainLoadTimer</span>  = <span style="color: #000000; font-weight: bold;">new</span> <span style="color: #0066CC;">Date</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #0066CC;">time</span>; </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<div class="igBar"><span id="lactionscript-4"><a href="#" onclick="javascript:showCodeTxt('actionscript-4'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">Actionscript:</span>
<div id="actionscript-4">
<div class="actionscript">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> <span style="color: #0066CC;">set</span> pageReady<span style="color: #66cc66;">&#40;</span>val:<span style="color: #0066CC;">Number</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span> </div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; _pageReadyTime = val;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">var</span> currentPage:<span style="color: #0066CC;">String</span> = Gaia.<span style="color: #006600;">api</span>.<span style="color: #006600;">getCurrentBranch</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">var</span> timeToLoad:<span style="color: #0066CC;">Number</span> = <span style="color: #66cc66;">&#40;</span>_pageReadyTime - _mainLoadTimer<span style="color: #66cc66;">&#41;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; </div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span>initalPageLoad<span style="color: #66cc66;">&#41;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; initalPageLoad = <span style="color: #000000; font-weight: bold;">false</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; tracker.<span style="color: #006600;">trackEvent</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">"Page Load Times"</span>, <span style="color: #ff0000;">"Initial Load"</span>, currentPage, timeToLoad<span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #b1b100;">else</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; tracker.<span style="color: #006600;">trackEvent</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">"Page Load Times"</span>, <span style="color: #ff0000;">"Site Browsing"</span>, currentPage,timeToLoad<span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>This can also be done to track video start times as seen in the example by <a href="http://www.insideria.com/2009/02/using-google-analytics-within.html">Matthew McNeely</a>.</p>
<p>Before you can view the event tracking data in your Google Analytics account you will need your profile to be white-listed by Google. Get started today even if you are not yet white-listed as your account will retroactively display the results from when you first implemented the code. </p>
<p>If you or your clients need any help getting started feel free to contact our <a href="http://www.woveninteractive.com/#/connect">interactive agency</a>. </p>
]]></content:encoded>
			<wfw:commentRss>http://woveninteractive.net/2009/02/look-mom-no-javascript-google-analytics-flash-event-tracking/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

