PHP : Membuat Hit Counter

Untuk mempercantik tampilan sebuah website adakalanya kita ingin memasukkan hit counter (jumlah pengunjung) dari website kita. Tapi sebisa mungkin hit counter tersebut mencatat ip dari user yang mengakses agar setiap halaman direfresh angka tidak naik selain itu jumlah dari pengunjung ditampilkan dalam 2 versi yaitu huruf dan gambar. Baiklah tanpa panjang lebar lagi akan saya jelaskan bagaimana cara membuat hit counter per ip.

Membuat Database

Pertama buatlah database dengan nama “counter” lalu buat tabel “iphits” dengan dengan struktur seperti berikut :

Nama Field	Tipe Data
ip	Varchar(255)
tanggal	Date

Anda juga bisa menggunakan syntax sql berikut:

CREATE TABLE ` iphits` (`ip`  varchar(255) NOT NULL,`tanggal`  date NOT NULL);

Membuat file koneksi.php

Fungsi file ini adalah untuk melakukan koneksi ke database yang telah dibuat sebelumnya.

<?php

$server="localhost"; //nama server

$user="root";  //username di server

$pass="root";  //password di server

$db="counter";  //database

mysql_connect($server,$user,$pass) or die (mysql_error());

mysql_select_db($db) or die (mysql_error());

?>

Membuat file counter.php

<?php

Include("koneksi.php");

$ip=$_SERVER['REMOTE_ADDR'];

$tgl=date("Y-m-d");

$query="select * from iphits where ip='$ip' and tanggal='$tgl'";

$runquery=mysql_query($query) or die(mysql_error());

if(mysql_num_rows($runquery)==0){

                $query="insert into iphits values('$ip','$tgl')";

                $runquery=mysql_query($query) or die(mysql_error());

}

$select="select distinct ip,tanggal from iphits";

$runselect=mysql_query($select) or die(mysql_error());

$hit=mysql_num_rows($runselect);

echo'<h2>'.$hit.' Visitor</h2>';

$num=strlen($hit);

$num_0=7-$num;

for($i=0;$i<$num_0;$i++){

                echo '<img src="img/0.jpg" width="30" />';

}

for($i=0;$i<$num;$i++){

                $angka=substr("$hit",$i,1);

                echo '<img src="img/'.$angka.'.jpg" width="30" />';

}

?>

Simpan kedua file tersebut di folder “counter” dalam folder “www” atau “htdocs”, selain itu buat atau cari gambar dari angka 0 sampai 9 beri nama sesuai angkan dan masukkan ke folder “img” didalam folder “counter” jangan lupa buat ekstensinya menjadi jpg. Jalankan browser dan ketikkan “http://localhost/counter” untuk menjalankannya.Untuk mencoba file contoh bisa di diunduh disini.

Selamat Mencoba!

Related Posts :

Posted in: Web Design