<?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>JavaScript: Singuska &#187; wordpress</title>
	<atom:link href="http://javascript.singuska.com/tag/wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>http://javascript.singuska.com</link>
	<description>Fragmentos de código e gambiarras (0.2)</description>
	<lastBuildDate>Mon, 03 Oct 2011 19:45:27 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2</generator>
		<item>
		<title>Analytics assíncrono e o plugin Google Analyticator</title>
		<link>http://javascript.singuska.com/2010/01/16/analytics-assincrono-e-o-plugin-google-analyticator/</link>
		<comments>http://javascript.singuska.com/2010/01/16/analytics-assincrono-e-o-plugin-google-analyticator/#comments</comments>
		<pubDate>Sat, 16 Jan 2010 13:54:33 +0000</pubDate>
		<dc:creator>Flávio</dc:creator>
				<category><![CDATA[Fragmento]]></category>
		<category><![CDATA[analytics]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://javascript.singuska.com/?p=288</guid>
		<description><![CDATA[No final do ano passado o Google Analytics disponibilizou um novo método para a insercão do seu objeto de tracking: &#160; var _gaq = _gaq &#124;&#124; &#91;&#93;; _gaq.push&#40;&#91;'_setAccount', 'UA-XXXXX-X'&#93;&#41;; _gaq.push&#40;&#91;'_trackPageview'&#93;&#41;; &#160; &#40;function&#40;&#41; &#123; var ga = document.createElement&#40;'script'&#41;; ga.type = 'text/javascript'; ga.async = true; ga.src = &#40;'https:' == document.location.protocol ? 'https://ssl' : 'http://www'&#41; + '.google-analytics.com/ga.js'; &#40;document.getElementsByTagName&#40;'head'&#41;&#91;0&#93; [...]]]></description>
			<content:encoded><![CDATA[<p>No final do ano passado o Google Analytics disponibilizou um novo método para a insercão do seu objeto de tracking:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">&nbsp;
<span style="color: #fbde2d; font-weight: bold;">var</span> _gaq <span style="color: #ffffff;">=</span> _gaq <span style="color: #ffffff;">||</span> <span style="color: #ffffff;">&#91;</span><span style="color: #ffffff;">&#93;</span><span style="color: #ffffff;">;</span>
_gaq.<span style="color: #6591f7;">push</span><span style="color: #ffffff;">&#40;</span><span style="color: #ffffff;">&#91;</span><span style="color: #61ce3c;">'_setAccount'</span><span style="color: #ffffff;">,</span> <span style="color: #61ce3c;">'UA-XXXXX-X'</span><span style="color: #ffffff;">&#93;</span><span style="color: #ffffff;">&#41;</span><span style="color: #ffffff;">;</span>
_gaq.<span style="color: #6591f7;">push</span><span style="color: #ffffff;">&#40;</span><span style="color: #ffffff;">&#91;</span><span style="color: #61ce3c;">'_trackPageview'</span><span style="color: #ffffff;">&#93;</span><span style="color: #ffffff;">&#41;</span><span style="color: #ffffff;">;</span>
&nbsp;
<span style="color: #ffffff;">&#40;</span><span style="color: #fbde2d; font-weight: bold;">function</span><span style="color: #ffffff;">&#40;</span><span style="color: #ffffff;">&#41;</span> <span style="color: #ffffff;">&#123;</span>
  <span style="color: #fbde2d; font-weight: bold;">var</span> ga <span style="color: #ffffff;">=</span> document.<span style="color: #6591f7;">createElement</span><span style="color: #ffffff;">&#40;</span><span style="color: #61ce3c;">'script'</span><span style="color: #ffffff;">&#41;</span><span style="color: #ffffff;">;</span> ga.<span style="color: #6591f7;">type</span> <span style="color: #ffffff;">=</span> <span style="color: #61ce3c;">'text/javascript'</span><span style="color: #ffffff;">;</span> ga.<span style="color: #6591f7;">async</span> <span style="color: #ffffff;">=</span> <span style="color: #fbde2d; font-weight: bold;">true</span><span style="color: #ffffff;">;</span>
  ga.<span style="color: #6591f7;">src</span> <span style="color: #ffffff;">=</span> <span style="color: #ffffff;">&#40;</span><span style="color: #61ce3c;">'https:'</span> <span style="color: #ffffff;">==</span> document.<span style="color: #6591f7;">location</span>.<span style="color: #6591f7;">protocol</span> <span style="color: #ffffff;">?</span> <span style="color: #61ce3c;">'https://ssl'</span> <span style="color: #ffffff;">:</span> <span style="color: #61ce3c;">'http://www'</span><span style="color: #ffffff;">&#41;</span> <span style="color: #ffffff;">+</span> <span style="color: #61ce3c;">'.google-analytics.com/ga.js'</span><span style="color: #ffffff;">;</span>
  <span style="color: #ffffff;">&#40;</span>document.<span style="color: #6591f7;">getElementsByTagName</span><span style="color: #ffffff;">&#40;</span><span style="color: #61ce3c;">'head'</span><span style="color: #ffffff;">&#41;</span><span style="color: #ffffff;">&#91;</span><span style="color: #f78465;">0</span><span style="color: #ffffff;">&#93;</span> <span style="color: #ffffff;">||</span> document.<span style="color: #6591f7;">getElementsByTagName</span><span style="color: #ffffff;">&#40;</span><span style="color: #61ce3c;">'body'</span><span style="color: #ffffff;">&#41;</span><span style="color: #ffffff;">&#91;</span><span style="color: #f78465;">0</span><span style="color: #ffffff;">&#93;</span><span style="color: #ffffff;">&#41;</span>.<span style="color: #6591f7;">appendChild</span><span style="color: #ffffff;">&#40;</span>ga<span style="color: #ffffff;">&#41;</span><span style="color: #ffffff;">;</span>
<span style="color: #ffffff;">&#125;</span><span style="color: #ffffff;">&#41;</span><span style="color: #ffffff;">&#40;</span><span style="color: #ffffff;">&#41;</span><span style="color: #ffffff;">;</span></pre></div></div>

<p>Diferentemente do método tradicional, este código deve ser colocado dentro da tag <em>head</em> ou no <em>início</em> da tag <em>body</em>. A documentação completa pode ser lida aqui: <a href="http://code.google.com/apis/analytics/docs/tracking/asyncTracking.html">http://code.google.com/apis/analytics/docs/tracking/asyncTracking.html</a>.</p>
<p>O método assíncrono permite que o impacto do script na experiência do usuário seja mínimo (maior performance). Além disso, se o usuário sair da página antes dela ter sido completamente carregada a probabilidade de registro pelo tracking é muito maior deste jeito.</p>
<h3>WordPress plugin: Google Analyticator</h3>
<p>Aqui no blog eu utilizo o <a href="http://ronaldheft.com/code/analyticator/">Google Analyticator</a>, um excelente plugin para WordPress. Duas funcionalidades são importantes para mim: filtrar as visitas do admin (eu) e tracking automático de eventos para links que levam pra fora do blog. Este plugin já utiliza o método assíncrono.</p>
]]></content:encoded>
			<wfw:commentRss>http://javascript.singuska.com/2010/01/16/analytics-assincrono-e-o-plugin-google-analyticator/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

