<?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>FinalFrag.be &#187; JavaScript</title>
	<atom:link href="http://finalfrag.be/blog/tag/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://finalfrag.be/blog</link>
	<description>De persoonlijke website van Massimo 'FinalFrag' Mertens</description>
	<lastBuildDate>Tue, 04 Aug 2009 07:08:07 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>De Konami&#160;code</title>
		<link>http://finalfrag.be/blog/2009/05/de-konami-code/</link>
		<comments>http://finalfrag.be/blog/2009/05/de-konami-code/#comments</comments>
		<pubDate>Fri, 22 May 2009 13:24:40 +0000</pubDate>
		<dc:creator>FinalFrag</dc:creator>
				<category><![CDATA[Programmeren]]></category>
		<category><![CDATA[easter egg]]></category>
		<category><![CDATA[how-to]]></category>
		<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://finalfrag.be/blog/?p=340</guid>
		<description><![CDATA[De Konami code, een van de opkomende trends deze dagen. De Konami code was enkele jaren geleden bekend als cheat code bij verschillende spellen van &#8230; jawel &#8230; Konami. Het oudste spel waarin de cheat code verwerkt zit, is van 1986. Door een bepaalde toetsencombinatie in te drukken, krijgt de speler in de betreffende spellen [...]]]></description>
			<content:encoded><![CDATA[<p>De Konami code, een van de opkomende trends deze dagen. De Konami code was enkele jaren geleden bekend als cheat code bij verschillende spellen van &#8230; jawel &#8230; Konami. Het oudste spel waarin de cheat code verwerkt zit, is van 1986. Door een bepaalde toetsencombinatie in te drukken, krijgt de speler in de betreffende spellen allerlei voordelen, zoals bijvoorbeeld alle wapens en munitie, meer levens, etc.</p>
<p>De laatste dagen begint de Konami code echter aan een nieuw avontuur.<span id="more-340"></span> Op verschillende websites krijg je een leuk effect of een verborgen pagina te zien wanneer je de code ingeeft. Op <a target="_blank" href="http://konamicodesites.com"  title="Konamicodesites.com">konamicodesites.com</a> vind je een uitgebreid overzicht van de sites waarop de code een effect heeft. Het spreekt voor zich dat je de Konami code moet invoeren alvorens je de website te zien krijgt.</p>
<p>Zelfs enkele van de grote websites volgen de nieuwe trend, waaronder <a target="_blank" href="http://www.facebook.com"  title="Facebook">facebook</a>, <a target="_blank" href="http://www.netlog.com"  title="Netlog">netlog</a> en <a target="_blank" href="http://www.gamespot.com"  title="Gamespot">gamespot</a>. Let wel op, op sommige websites moet je de code afsluiten met de enter-toets.</p>
<h3>Wat is de code?</h3>
<p>Het is een schandaal dat je de Konami code niet kent. Je bent zeker geen fan van videospelletjes? De Konami code gaat als volgt:</p>
<p><img src="http://finalfrag.be/blog/wp-content/uploads/2009/05/konami.png" alt="Konami code" class="wp-smiley wp-image-341" /></p>
<h3>Hoe implementeren</h3>
<p>De Konami code implementeren op je eigen website is heel makkelijk, bijna kinderspel. Het benodigde JavaScript bestandje staat zelfs op Google Code, wat het nog makkelijker maakt. Dit voorbeeld helpt je alvast op weg:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">&lt;script type=&quot;text/javascript&quot; src=&quot;http://konami-js.googlecode.com/svn/trunk/konami.js&quot;&gt;&lt;/script&gt;
<span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span>
    konami.<span style="color: #660066;">code</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
        <span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'Yihaa'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
&nbsp;
    konami.<span style="color: #660066;">load</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></pre></div></div>

<p>Wanneer je besluit de Konami code te gebruiken, laat dan je creativiteit de vrije loop.</p>
<p>Tip: probeer de code ook hier maar eens uit&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://finalfrag.be/blog/2009/05/de-konami-code/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Google&#160;Analytics</title>
		<link>http://finalfrag.be/blog/2009/05/google-analytics/</link>
		<comments>http://finalfrag.be/blog/2009/05/google-analytics/#comments</comments>
		<pubDate>Tue, 19 May 2009 18:15:01 +0000</pubDate>
		<dc:creator>FinalFrag</dc:creator>
				<category><![CDATA[Programmeren]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[how-to]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[statistieken]]></category>

		<guid isPermaLink="false">http://finalfrag.be/blog/?p=197</guid>
		<description><![CDATA[De meest onder jullie zullen Google Analytics wel kennen. Het is een tool die web ontwikkelaars toelaat om meer info te vergaren over een website. Zo biedt het onder andere informatie over het aantal bezoekers per tijdseenheid, de afkomst van die bezoekers, welke browsers die bezoekers gebruiken, hun gemiddelde tijd op de website, etc. Je [...]]]></description>
			<content:encoded><![CDATA[<p>De meest onder jullie zullen <a target="_blank" href="http://www.google.com/analytics"  title="Google Analytics">Google Analytics</a> wel kennen. Het is een tool die web ontwikkelaars toelaat om meer info te vergaren over een website. Zo biedt het onder andere informatie over het aantal bezoekers per tijdseenheid, de afkomst van die bezoekers, welke browsers die bezoekers gebruiken, hun gemiddelde tijd op de website, etc. Je kan het zo gek niet bedenken of Google Analytics meet het.<span id="more-197"></span></p>
<h3>Hoe gebruik ik het?</h3>
<p>Het enige dat je moet doen, is een klein stukje JavaScript op de website te plaatsen. Dit stukje JavaScript code wordt ook wel de &#8216;tracker&#8217; genoemd. Op de Google Analytics website staan twee versies van deze tracker, urchin.js en ga.js. ga.js is de laatste nieuwe versie. Het is dus aangeraden om die te gebruiken.</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span>
    <span style="color: #003366; font-weight: bold;">var</span> gaJsHost <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;https:&quot;</span> <span style="color: #339933;">==</span> document.<span style="color: #660066;">location</span>.<span style="color: #660066;">protocol</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">?</span> <span style="color: #3366CC;">&quot;https://ssl.&quot;</span> <span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;http://www.&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span>unescape<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;%3Cscript src='&quot;</span> <span style="color: #339933;">+</span> gaJsHost <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span>
    <span style="color: #000066; font-weight: bold;">try</span> <span style="color: #009900;">&#123;</span>
        <span style="color: #003366; font-weight: bold;">var</span> pageTracker <span style="color: #339933;">=</span> _gat._getTracker<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;___je_tracker_code___&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        pageTracker._trackPageview<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
    <span style="color: #000066; font-weight: bold;">catch</span><span style="color: #009900;">&#40;</span>err<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><span style="color: #009900;">&#125;</span>
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></pre></div></div>

<h3>Het probleem</h3>
<p>Wanneer ik iets programmeer, wil ik altijd dat de code zo proper en duidelijk mogelijk is. Wat mij dus meteen opviel was dat de tracker uit twee aparte stukken javascript bestaat. Op al mijn websites combineerde ik dus meteen de twee delen tot 1 geheel. Enkele dagen later begonnen de geavanceerde statistieken binnen te lopen, so far so good.</p>
<p>Enkele dagen later bleken de statistieken echter altijd hetzelfde te blijven. Ik had na een paar dagen een 7-tal bezoekers, en dat aantal veranderde niet meer. Zelfs na een volledige week had ik zogezegd nog altijd maar 7 bezoekers gehad, wat uiteraard niet kon.</p>
<h3>De oplossing</h3>
<p>Op een dag kwam Michaël, die regelmatig van zich laat horen in de reacties hieronder, met een oplossing. Blijkt dat je de tracker code niet mag combineren tot één stuk code. Waarom blijft voorlopig echter nog een groot vraagteken, althans voor mij. Wie hier een licht op kan werpen mag dat gerust doen in een reactie.</p>
]]></content:encoded>
			<wfw:commentRss>http://finalfrag.be/blog/2009/05/google-analytics/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
