Advertise here with BSA

Almost every website owner tracks the statistics of their websites with the free and powerful Google Analytics.

The service has made a huge step forward with its "live stats" feature which shows the instant activity.

There are very few reasons left to use another solution to track stats where one of them is the lack of "live overall stats" (as Google Analytics still displays the overall stats with a delay) and the other is the need for using an open source system.

For anyone looking to see the overall stats in real-time and needs a simple/lightweight solution (compared to other options like Piwik), ChiliStats is an alternative.

The application is free, open source, built with PHP and uses MySQL for storing the data.

It presents a snapshot of the statistics -supported with charts- in a "OneView" page and sub-pages for viewing top-referrers, visited pages or referring keywords exist. And, a "History" page allows digging the statistics of past months.

ChiliStats also offers a stats counter widget to be integrated inside web pages.

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

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

GAget is a Mac OS X widget for anyone willing to see the important Google Analytics stats quickly and frequently.

It displays the number of visits, new visitors and bounces with a chic interface.

The widget is not limited to a single site and it is easy to switch between profiles (also, multiple instances can be used).

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

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

jStat is a JavaScript library which enables you to perform advanced statistical operations without the need of a dedicated statistical language.

Simply, it focuses on being a real JavaScript-based alternative for languages like R and MATLAB.

The library is standalone, however, for the plotting functionality, it requires jQuery, jQuery UI and jQuery-flot plugin.

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

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

For a web designer/developer, having a detailed knowledge about the overall web-related statistics is pretty valuable to better analyze what you're actually doing is right (and better) or not.

HTTP Archive is a website which applies regular checks on 17,000+ websites, collects information and outputs web development -related, up-to-date reports.

The reports are categorized as trends and stats where trends include:

• average response times
• HTML/CSS/JS/image sizes and the number of requests
• Page Speed scores
• and more..

and stats include:

• popular JavaScript libraries
• popular scripts
• pages using Google Libraries API
• pages using Flash
• and more..

HTTP Archive is an open source project where you can easily perform a custom install and run more frequent checks, create new reports and/or get the stats for a different set of websites.

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

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

SOFA is an open source statistics, analysis, & reporting application that can collect data from a selected source.

It doesn't force you to work with an offline data and can connect to various live databases including:

• MySQL
• SQLite
• PostgreSQL
• Microsoft SQL Server
• Microsoft Access

by just mentioning your login details. After that, you can customize the reports to be generated by selecting any columns from the tables and by applying filters.

Optionally, it is possible to import data from Excel spreadsheets, ODS spreadsheets, CSV files and Google Docs spreadsheets.

SOFA creates beautiful and interactive HTML outputs (powered with JavaScript). Also, it has tabular outputs that can be directly opened in MS Excel or pasted into OpenOffice Calc.

If small things change in your dataset, you don't need to re-import data but they can be edited manually.

There are many ready-to-use reports like row and column percentages, mean, median, standard deviation, min – max and more.

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

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

While using an analytics application, ability to analyze the funnel users go through to reach an event is a very valuable way for understanding users and improving leads.

Using Google Analytics, it is possible to get a report like:

• users who browsed the product details page –>
• downloaded the brochure –>
• purchased the product –>
• used PayPal.

by using many segments, filters and exporting data.

PadiTrack, a totally free application that can do this very easily for you.

It connects to your Google Analytics account (no tracking code required) and pulls the data automatically + instantly.

The greatest part of it is that segments can be applied to the funnels so you get to see how people converted from different traffic sources

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

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

W3Perl is an open source analytics application that doesn't require any code to be inserted into websites for monitoring.

Rather, it goes through the log files generated on the server-side and creates the reports in real-time.

The application is not limited to web servers and it can also render the logs of  FTP, Squid, CUPS and mail servers.

W3Perl stores the data for a period configured and can display statistics from hours to years.

It can provide information on many details about the visitors like their countries, browsers, screen sizes and pages they browsed, the amount of traffic created and much more.

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

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

TraceWatch is an open source and free website analytics application that works real-time.

With the help of an easy-to-use interface, the application has everything for making a deep analysis of websites (like visitors, pageviews, browsers, referrers, robots and much more).

It can track both static and dynamic web pages with the choice of PHP or JavaScript tracking codes.

TraceWatch offers private and/or public stats report pages (which is great for sharing the data).

The application is highly customizable and has a powerful admin menu that can control almost every aspect of it.

It is multilingual and requires PHP/MySQL + uploading few files to function.

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

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

SlimStat is an open source web analytics application that collects & presents statistics information about your website.

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:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

FeedBurner's popular chicklet FeedCount is the most-used way to display the number of subscribers for a feed.

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:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

]]> http://www.webresourcesdepot.com/feedcount-like-google-analytics-counter/feed/ 20