<?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>Google Analytics | Nerdpress.org</title>
	<atom:link href="https://nerdpress.org/tag/google-analytics/feed/" rel="self" type="application/rss+xml" />
	<link>https://nerdpress.org</link>
	<description>...dev, tech problems and solutions.</description>
	<lastBuildDate>Fri, 04 Feb 2011 19:14:56 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>
	<item>
		<title>Event Tracker mit HTML5 custom data Attributen</title>
		<link>https://nerdpress.org/2011/02/04/event-tracker-mit-html5-custom-data-attributen/</link>
		
		<dc:creator><![CDATA[Ivo Bathke]]></dc:creator>
		<pubDate>Fri, 04 Feb 2011 19:14:56 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Google Analytics]]></category>
		<category><![CDATA[Html5]]></category>
		<category><![CDATA[jQuery]]></category>
		<guid isPermaLink="false">https://nerdpress.org/?p=1349</guid>

					<description><![CDATA[<p>HTML5 bietet die Möglichkeit für custom data Attribute in HTML Elementen. Diese beginnen mit dem Prefix data- und können danach beliebeig benannt werden. Browser sollten diese Attribute ignorieren aber für interne Datenstrukturen sind sie sehr gut geeignet. Zum Beispiel kann man sich in Javascript Paramter-Übergaben sparen und sich die Daten holen, die man braucht. Das &#8230; </p>
<p class="link-more"><a href="https://nerdpress.org/2011/02/04/event-tracker-mit-html5-custom-data-attributen/" class="more-link">Continue reading<span class="screen-reader-text"> "Event Tracker mit HTML5 custom data Attributen"</span></a></p>
The post <a href="https://nerdpress.org/2011/02/04/event-tracker-mit-html5-custom-data-attributen/">Event Tracker mit HTML5 custom data Attributen</a> first appeared on <a href="https://nerdpress.org">Nerdpress.org</a>.]]></description>
										<content:encoded><![CDATA[<p>HTML5 bietet die Möglichkeit für <a href="http://dev.w3.org/html5/spec/elements.html#embedding-custom-non-visible-data-with-the-data-attributes">custom data Attribute</a> in HTML Elementen.<br />
Diese beginnen mit dem Prefix data- und können danach beliebeig benannt werden.<br />
Browser sollten diese Attribute ignorieren aber für interne Datenstrukturen sind sie sehr gut geeignet.</p>
<p>Zum Beispiel kann man sich in Javascript Paramter-Übergaben sparen und sich die Daten holen, die man braucht.<br />
Das hält das Markup schön Javascript frei -im Sinne von <em>unobtrusive</em>.<br />
In meinem Fall brauchte ich einen Event Tracker, der Aktionen auf dynamisch generierten Elementen aufzeichnet.</p>
<p><span id="more-1349"></span></p>
<p>Dafür werden ins Markup die Attribute gesetzt und mit den dynamische Werten belegt:</p>
<pre class="brush: php; title: ; notranslate">
&lt;a data-mynamespace-query=&quot;&lt;?php echo $q?&gt;&quot; 
     data-mynamespace-site=&quot;&lt;?php echo $s?&gt;&quot; 
          href=&quot;&lt;?php echo $l;?&gt;&quot; target=&quot;_blank&quot;&gt;
</pre>
<p>Dann braucht man noch einen Event Listener, der sich die Daten holt und dann zB per Ajax zum wegspeichern versendet.<br />
Mit Jquery sieht das dann so aus:</p>
<pre class="brush: jscript; title: ; notranslate">
$(id + &quot; a&quot;).click(function(event){  
	var s = $(this).attr('data-mynamespace-site');
	var q = $(this).attr('data-mynamespace-query');
	var u = $(this).attr('href');
	$.post('/go/'+s+'/'+q+'?url='+u);  
});  
</pre>
<p>Ist doch ne saubere Sache :)</p>
<p>Man könnte Google Analytics Event  Tracker so füttern, wie es in diesem <a href="http://jasonkarns.com/blog/2010/03/10/google-analytics-tagging/">Blog</a> gemacht wird.</p>The post <a href="https://nerdpress.org/2011/02/04/event-tracker-mit-html5-custom-data-attributen/">Event Tracker mit HTML5 custom data Attributen</a> first appeared on <a href="https://nerdpress.org">Nerdpress.org</a>.]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
