
{literal}
<style>
code {
	background-color:#F0F7FF;
	border-color:#00008B;
	border-style:dashed dashed dashed solid;
	border-width:1px 1px 1px 5px;
	direction:ltr;
	display:block;
	font-size:80%;
	margin:2px 2px 20px;
	padding:4px;
	text-align:left;
}
</style>

<script>
$(document).ready( function(){
	$('code').click( function(){ $(this).select(); });
});
</script>

{/literal}

{if isset($displayfirstWebsiteSetupSuccess)}

<span id="toFade" class="success">
	Website {$websiteName} created with success!
	<img src="themes/default/images/success_medium.png">
</span>
{/if}
<h1>{'Installation_JsTag'|translate}</h1>
{'Installation_JsTagHelp'|translate}
<code>
{$javascriptTag}
</code>

<h1>Quick help:</h1>
<ul>
<li>The best is to add the tag just before your &lt;/body&gt; at the bottom of your pages</li>
<li>You can generally edit your website templates and add this code in a "footer" file.</li>
<li><a target="_blank" href="http://piwik.org/docs/javascript-tracking/">More information about the Javascript Tracking</a>.</li>
<li>For medium and high traffic websites, check out the  <a target="_blank" href="http://piwik.org/docs/setup-auto-archiving/">How to setup auto archiving page</a> to make Piwik run really fast!</li>
<!-- <li>Link to help with the main blog engines wordpress/drupal/myspace/blogspot</li> -->
</ul>
