Grafik Trafik Page

Hayyy ketemu lagi nih di cermi akuuuu, kali ini untuk cermi OJRS+_Stra#2. Apa sih yang akan dibahas pada cermi ini???? Yukk lah capcuss..

Sudah pada enggak asing kan sama yang namanya traffic page view?? Traffic Page adalah jumlah banyaknya kunjungan pada suatu website, seperti halnya sebuah toko yang memiliki banyak barang untuk dijual dan dekorasi yang sangat menarik namun tidak ada pengunjung yang mendatangi toko tersebut sehingga toko tersebut sepi akan pembeli lalu gunanya banyak barang dan dekorasi yang didesain dengan sangat menarik apa jika pengunjung saja tidak ada, sedih rasanya 🙁

contoh lain seperti Alexa Rank nih temen-temen tau kan apa alexa rank itu yang biasa digunakan untuk melihat banyaknya jumlah kunjungan pada suatu website. nah bagi para iMelicious yang mau tau jumlah kunjungan website anda seberapa banyak sih, temen-temen bisa ceking-ceking nih di alexa.com. naaah dalam OJRS+ ini juga ada traffic page view nya yang digunakan untuk melihat berapa banyak yang sudah melakukan kunjungan pada OJRS+ ini. berikut adalah tampilan traffic page pada OJRS+.

untuk Traffic Page  diatas diterapkan pada saat TA 2015/2016 untuk mahasiswa KA-D3 yang dilakukan pada bulan Juni 2015. dalam membuat ini maya juga dibantu oleh ka Jul dan Untuk script codingnya teman-teman bisa lihat dibawah ini ya.. hehehe

<?php
function DataViewOJRS ($x) {
$sql = “select date_format(Tanggal,’%d’) as Tanggal2 , count(*) as C  from TTLog  where Type = 2 and  Action = ‘index’group by Tanggal2 , Action “;
$results =  Yii::app()->db->createCommand($sql)->queryAll() ;
$array = array() ;
$array2 = array() ;
foreach ( $results as $data) {
$array[] = $data[‘Tanggal2’];
$array2[] = $data[‘C’];
}
if ($x==1) {
return $array ;
}else {
return $array2;
}}
?>
<script src=”http://code.highcharts.com/highcharts.js“></script>
<script src=”http://code.highcharts.com/modules/exporting.js“></script>
<script type=”text/javascript”>
$(function () {
$(‘#container’).highcharts({
chart: {
type: ‘line’
},
title: {
text: ‘Traffic Page View OJRS+’
},
subtitle: {
text: ‘http://heaven.raharja.me/m1/batalTambah/index/id’
},
xAxis: {
categories:  <?php echo json_encode(DataViewOJRS(1)) ?>
},
yAxis: {
title: {
text: ‘Jumlah Views’
}
},
plotOptions: {
line: {
dataLabels: {
enabled: true
},
enableMouseTracking: false
}
},
series: [{
name: ‘Tanggal (Juni)’,
data:  <?php echo json_encode(DataViewOJRS(2),JSON_NUMERIC_CHECK ) ?>
}]
});
});
</script>

Jika teman-teman kepo berasal dari mana sih scriptnya, teman-teman bisa lihat sumber code nya disini dan juga untuk sampel sampel yang lain http://www.highcharts.com/ disana teman-teman bisa juga belajar untuk membuat chartnya karena ada demonya juga loohh.. ayoo buruan kepoin deh mendingan insyaallah dapat ilmu yang bermanfaat.. amin..

Udah aah segini dulu cerminya tunggu kelanjutannya ya all 😀

12 thoughts on “Grafik Trafik Page

  1. liasuci

    Saran aja nih Bohay hehe
    Itu tulisan OJRS+_Stra#2. dilink ke keseluruhan strategi nya Bohay biar keliatan apa aja gitu hehe
    Dan ini main koding lagi yah wih sampe bisa keliatan begitu yah

    1. Dwi Maya Post author

      iya itu kan sesuai dengan jumlah pengunjung yang buka OJRS+ jadi pas lagi banyaknya yang melakukan batal tambah dia naik drastis dan jika sudah selesai pasti turun lagi.
      thanks ya @imam24

  2. elysusanti

    wah keren nih maya , jadi sekarang juga sudah bisa lihat grafik page view nya yaa
    jadi ketahuan tingkat aktivitasnya per-hari yaa,
    kodingnya mantep juga nih bisa kali ajarin mah, hehe
    Semangat maboy, 😀

Leave a Reply