It is built with PHP-MySQL & can be integrated into websites with JavaScript (like Google Analytics) or PHP.

For  the given period, the application can display:

• the number of visitors/pageviews
• referrer URLs, domains
• search terms
• browsers, OSs, countries, screen sizes

There is also a "paths" feature that shows a user's browsing path page-by-page.

You may be asking, "why to use SlimStat instead of Google Analytics?" The best answer would be "live stats".

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Wiki-Like Project Management Tool: Streber
• Web-Based MySQL Management With Only 1 File: Adminer
• Web Server That Runs On CD-Rom: Server2Go
• Web Based Task Manager: TaskFreak!
• Voice Enabled Powerful Web Chat Software: Ajax Chat

Also, a similar design is used by TwitterCounter to display your Twitter followers.

We'll be creating a dynamic FeedCount-like interface that can display your website's statistics like pageviews, visits, etc. (one or all of them) using PHP.

At the end of this tutorial, we'll have 2 different counters:

• a counter that can display only one metric – basic version
• a counter that can display multiple metrics (some jQuery fun here) – advanced version

Basic Counter

Let's start with the PHP part:

How To Fetch Google Analytics Data With PHP?

We'll be using a PHP class named GAPI that makes using Google Analytics API so easy.

There are 3 variables we need to start using GAPI:

• Google Analytics user that has access to the website stats to be displayed (I suggest creating a new Google Account specifically for this purpose and provide only read access to that website's data. This will prevent using your real Google account in your code which is a good step for security).
• Google Analytics user password.
• Profile ID of the website (it is not the one that starts with UA, rather, it is the ID that appears on browser's address bar when a report of that website is clicked).

GAPI offers a simple usage to access Google Analytics data:

<?php
define('ga_email','yourGoogleEmail');
define('ga_password','yourGooglePass');
define('ga_profile_id','yourProfileID');

require 'gapi.class.php';
$ga = new gapi(ga_email,ga_password);
$ga->requestReportData(ga_profile_id,array('browser','browserVersion'),array('pageviews'));
?>

Now we have the pageviews data of the last 30 days (it is possible to define custom dates, check the GAPI docs.)

(If you want to read more on GAPI, code-diesel has a great article on this class.)

Here is the HTML:

<div id="statsWrap">
	<div id="statsDetailsWrap">
		<div id="statsCount">
			<?php echo $ga->getPageviews() ?>
		</div>
		<div id="statsMetric">
			pageviews
		</div>
	</div>
	<div id="byGoogle">By Google Analytics</div>
</div>

And CSS

#statsWrap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#statsDetailsWrap {
	background: #333333;
	float: left;
	padding: 1px 3px 1px 1px;
	border: #666666 1px inset;
}
#statsCount {
	float: left;
	padding: 1px 3px;
	background: #999999;
	color: #FFFFFF;
	border: #666666 1px inset;
}
#statsMetric {
	float: left;
	padding: 3px;
	color: #FFFFFF;
}
#byGoogle {
	clear: both;
	color: #666666;
	font-size: 10px;
}

 

Advanced Counter (With jQuery)

---

It is possible to fetch multiple data with GAPI & we'll be creating an auto-rotating counter that can display multiple metrics (visits & pageviews).

Let's use a little improved version of the PHP code:

<?php
define('ga_email','yourGoogleEmail');
define('ga_password','yourGooglePass');
define('ga_profile_id','yourProfileID');

require 'gapi.class.php';
$ga = new gapi(ga_email,ga_password);
$ga->requestReportData(ga_profile_id,array('browser','browserVersion'),array('pageviews','visits'));
?>

And a tiny update to the HTML by adding few spans to wrap every metric so we can show/hide them.

<div id="statsWrap">
	<div id="statsDetailsWrap">
		<div id="statsCount">
			<span id="statsPageviews"><?php echo $ga->getPageviews() ?></span>
			<span id="statsVisits"><?php echo $ga->getVisits() ?></span>
		</div>
		<div id="statsMetric">
			<span id="statsPageviewsText">pageviews</span>
			<span id="statsVisitsText">visits</span>
		</div>
	</div>
	<div id="byGoogle">By Google Analytics</div>
</div>

I have also updated the CSS a little bit by adding hard-coded width-heights to elements to make sure they will look ok when rotating:

#statsWrap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#statsDetailsWrap {
	background: #333333;
	float: left;
	padding: 1px 3px 1px 1px;
	border: #666666 1px inset;
}
#statsCount {
	float: left;
	padding: 1px 3px;
	background: #999999;
	color: #FFFFFF;
	border: #666666 1px inset;
	width: 40px;
	height: 12px;
}
#statsMetric {
	float: left;
	padding: 3px;
	color: #FFFFFF;
	width: 50px;
	height: 12px;
}
#byGoogle {
	clear: both;
	color: #666666;
	font-size: 10px;
}

And here is the jQuery part which rotates metrics:

<script type="text/javascript">
$(document).ready(function() {   

	$("#statsPageviews").hide();
	$("#statsVisits").hide();
	$("#statsPageviewsText").hide();
	$("#statsVisitsText").hide();
	rotateMetrics(); 

	function rotateMetrics() {
		$("#statsPageviewsText").slideDown("slow");
		$("#statsPageviews").slideDown("slow", function() {
			setTimeout(function() {
				$("#statsPageviewsText").slideUp("slow");
				$("#statsPageviews").slideUp("slow", function() {
					$("#statsVisitsText").slideDown("slow");
					$("#statsVisits").slideDown("slow", function() {
						setTimeout(function() {
							$("#statsVisitsText").slideUp("slow");
							$("#statsVisits").slideUp("slow", function() {
								rotateMetrics();
							});
						}, 3000);
					});
				});
			}, 3000);
		});

	}
});
</script>

In the jQuery part, although it may look complicated, it is definitely not. We used callbacks for the slideUp/slideDown functions & added a little delay between transitions.

That’s all.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: Google Analytics, Javascript, Php


Related posts

• Use PHP Functions In JavaScript: PHP.JS
• Use Any Font In Your Websites With FLIR
• Tracking New RSS Subscribers With Google Analytics (To Understand Them Better)
• Track Mouse Activities With JS And PHP: (smt)
• Tiny Content Management System: OneFileCMS
]]> http://www.webresourcesdepot.com/feedcount-like-google-analytics-counter/feed/ 11 http://www.webresourcesdepot.com/what-do-visitors-see-google-browser-size/ http://www.webresourcesdepot.com/what-do-visitors-see-google-browser-size/#comments Thu, 17 Dec 2009 17:01:21 +0000 Umut M. http://www.webresourcesdepot.com/?p=1342 Google Browser Size is a visualization tool by Google Labs that shows any website behind an overlay of browser-window-sizes average

The overlay information is actually created from the data of people who visit Google (which won't be wrong to call it an average).



The tool is perfect for learning what percentage of the visitors are seeing the most important parts at initial load & what are they missing.

When you move the mouse, a rectangle which follows the mouse pointer enables us to interact with the website. And, optionally, the opacity level can be changed.

But, like mentioned, it is created with the data from google.com & will work for websites that target average internet users. It would be great to see this integrated into Google Analytics creating a custom overlay.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: Browser, Google


Related posts

• Tips For Faster Websites By Google
• Test Your Website Design In Different Browsers In Minutes
• Search-Based Keyword Tool From Google
• Opera Unite: Browser Becomes A Server
• Obituary For IE6
]]> http://www.webresourcesdepot.com/what-do-visitors-see-google-browser-size/feed/ 3 http://www.webresourcesdepot.com/open-source-website-analytics-piwik-and-tools-to-empower-it/ http://www.webresourcesdepot.com/open-source-website-analytics-piwik-and-tools-to-empower-it/#comments Fri, 25 Sep 2009 06:15:36 +0000 Umut M. http://www.webresourcesdepot.com/?p=1153 Piwik is an open source website analytics application which provides detailed statistics about visitors, keywords, pages & more in real-time.

It can be installed on an any PHP-MySQL compatible webserver & the rest works similar to Google Analytics; inserting the tracking codes into the websites we want to track.



One installation of Piwik can track unlimited number of websites which is great for web design companies who would prefer to offer a branded/customized solution to their customers.

Also, the user interface is fully customizable: you can drag and drop the widgets you want to display and create a report especially tailored to you.

The application is built around plugins which means it is possible to add/remove features easily.

Its open API makes integrations with 3rd party software possible. And, here are 2 desktop applications that use this API to bring Piwik to your desktop:

Desktop Web Analytics



This is an Adobe AIR based software (multi-platform) which brings most of the featues of Piwik to the desktop.

It is multilingual (uses the language files of Piwik) & currently in alpha stage.

Piwik Connector



Piwik Connector is also an Adobe AIR based software which can show you short statistics from one or more installations of Piwik.

Considering Piwik works real-time, the application displays the statistics in real-time as well.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: Adobe AIR, Mysql, Php


Related posts

• Wiki-Like Project Management Tool: Streber
• Web-Based MySQL Management With Only 1 File: Adminer
• Web Server That Runs On CD-Rom: Server2Go
• Web Based Task Manager: TaskFreak!
• Voice Enabled Powerful Web Chat Software: Ajax Chat
]]> http://www.webresourcesdepot.com/open-source-website-analytics-piwik-and-tools-to-empower-it/feed/ 3 http://www.webresourcesdepot.com/free-web-stats-with-seo-features-goingup/ http://www.webresourcesdepot.com/free-web-stats-with-seo-features-goingup/#comments Fri, 14 Aug 2009 05:01:19 +0000 Umut M. http://www.webresourcesdepot.com/?p=1106 GoingUp! is a free web-based website statistics service with powerful SEO features.

The service has a slick Ajaxed interface & offers a complete analytics package with web stats, referring keywords, action/goals & more.



GoingUp! tracks every activity & presents data nicely with charts, heatmaps, flags (for countries), etc.

Some of its SEO features are:

• Inbound Link Monitoring
• Google Page Rank Tracking
• Alexa Rank Tracking
• Keyword Research
• Keyword Position Tracking
• Page Optimizer Tool
• Keyword Density Tool

The service also has some other free SEO tools like "bulk domain analyzer" or "link & SEO optimizer" which can be used directly without the need of signing up.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: Alexa, Pagerank


Related posts

• Pagerank Checkers And SEO Tools
]]> http://www.webresourcesdepot.com/free-web-stats-with-seo-features-goingup/feed/ 6 http://www.webresourcesdepot.com/integrate-statistics-into-any-application-using-open-web-analytics/ http://www.webresourcesdepot.com/integrate-statistics-into-any-application-using-open-web-analytics/#comments Tue, 04 Aug 2009 06:05:08 +0000 Umut M. http://www.webresourcesdepot.com/?p=1089 Open Web Analytics is an open source framework that developers can use to integrate web analytics into any application.

It is built with PHP & besides the standalone usage, it has built-in support for WordPress, Gallery & MediaWiki.



OWA comes with 2 APIs:

• PHP: which makes it easier to integrate into any PHP application
• JavaScript: for usage in non PHP pages/websites

It has powerful tracking/reporting features like heat maps, multiple websites, Google Maps integration, RSS/Atom subscription tracking &standard ones like:

• page views, visits, and unique visitors over time
• unique, new, repeat visitors over time
  
• Click-streams – view the actual click-stream of each visitor
• Click Tracking – Track where exactly on a web page users are clicking and view clicks by browser type
• Click Heat Maps – view a heat map of where users are clicking on your web pages
  
• Visitor Aging – understand the age of your repeat visitors.
• Canned and Custom Time Periods – generate reports using pre-defined reporting periods or custom date ranges
• Refering Page Analysis – View the title, anchor text, and surrounding text of inbound links from refering web pages
• View visits by user agent
• Track entry and exit pages
• Track pages by custom page type

The frameworks uses other open source resources like Open Flash Chart or PHP Mailer & requires PHP 4.2.2+ with GD enabled to run. 

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: API, GD, Heatmap, Javascript, Php


Related posts

• Use Any Font In Your Websites With FLIR
• JavaScript / PHP Image Manipulation: Phototype
• Display MySQL Data In Google Maps Using DrasticMap
• Use PHP Functions In JavaScript: PHP.JS
• Track Mouse Activities With JS And PHP: (smt)
]]> http://www.webresourcesdepot.com/integrate-statistics-into-any-application-using-open-web-analytics/feed/ 2 http://www.webresourcesdepot.com/export-google-analytics-data-to-excel-excellent-analytics/ http://www.webresourcesdepot.com/export-google-analytics-data-to-excel-excellent-analytics/#comments Fri, 19 Jun 2009 07:06:23 +0000 Umut M. http://www.webresourcesdepot.com/?p=1005 Google Analytics offers various ways to view the data & make comparisons, which is great. But if you need a totally unique view or want to make comparisons with another data source, you’re limited.

Excellent Analytics is an Excel plug-in for importing web analytics data from Google Analytics in to an Excel spreadsheet.

So, you can easily build queries with all dimensions and metrics available or apply filters to create advanced queries



The plug-in is open source & for improving it further, it can be found here.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: Excel


Related posts

• Beautiful Free Charts For Excel & Powerpoint
]]> http://www.webresourcesdepot.com/export-google-analytics-data-to-excel-excellent-analytics/feed/ 5 http://www.webresourcesdepot.com/internet-usage-statistics-from-statowl/ http://www.webresourcesdepot.com/internet-usage-statistics-from-statowl/#comments Tue, 17 Mar 2009 12:25:07 +0000 Umut M. http://www.webresourcesdepot.com/?p=856 StatOwl is a website presenting internet usage statistics in a comprehensive way.

There are various reports that will be helpful to anyone into web design & web marketing like:

• web browser's market shares
• percentage of Flash, Quicktime versions installed
• operating systems used
• screen resolutions & much more..



The data provided is valuable to web designers / developers to better analyze internet users.

All data presented can be displayed for custom date ranges & as different chart types.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: Browser, Resolution


Related posts

• What Do Visitors See? Google Browser Size
• Test Your Website Design In Different Browsers In Minutes
• Opera Unite: Browser Becomes A Server
• Obituary For IE6
• Do You Use Reset.CSS?
]]> http://www.webresourcesdepot.com/internet-usage-statistics-from-statowl/feed/ 4 http://www.webresourcesdepot.com/findout-what-is-copied-from-your-site-tracer/ http://www.webresourcesdepot.com/findout-what-is-copied-from-your-site-tracer/#comments Mon, 23 Feb 2009 17:42:25 +0000 Umut M. http://www.webresourcesdepot.com/?p=818 Tracer is a free web-based service which offers a new type of website-analytics function. It tracks "what’s being copied from your website (including images)".

Besides keeping the logs, it also adds the "copied website’s" link to the information copied, which may help the content to spread in a better (than nothing) copyrighted way & to get new visitors.



Most importantly, the application helps analyzing which parts of the content is more copied & more important in the eyes of the visitors.

Usage is very simple. Just include a "one-line" script to the website to be tracked & that’s all.

P.S. Tracer is currently in beta status & accepts new accounts periodically.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: Analytics, Copyright


Related posts

• Real Time And Deeper Statistics With Logdy
]]> http://www.webresourcesdepot.com/findout-what-is-copied-from-your-site-tracer/feed/ 3 http://www.webresourcesdepot.com/beautify-your-awstats-with-jawstats/ http://www.webresourcesdepot.com/beautify-your-awstats-with-jawstats/#comments Fri, 09 Jan 2009 07:40:15 +0000 Umut M. http://www.webresourcesdepot.com/?p=733 JAWStats is a companion to the famous AWStats statistics (which comes default by many hosting accounts).

It has a better presentation of data with Flash charts, Ajaxed & better organized interface.



For JAWStats to work, AWStats needs to be installed on the system.

Good thing with the application is, it doesn’t modify current AWStats settings & files. Simply reads & presents them in another way.

JAWStats is very easy to install, you can make it up in few minutes & has support for theming.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: Php


Related posts

• Zimplit: Easiest CMS For Simple Websites
• Wiki-Like Project Management Tool: Streber
• Web-Based PHP FTP Application: phpWebFtp
• Web-Based MySQL Management With Only 1 File: Adminer
• Web Server That Runs On CD-Rom: Server2Go
]]> http://www.webresourcesdepot.com/beautify-your-awstats-with-jawstats/feed/ 2