Life, Contribute!!

Blog nagasakti.or.id menggunakan blog engine Roller dari apache. Blog ini menggunakan teknologi velocity sebagai template engine dan view frameworknya. Banyak hal bisa kita lakukan untuk memperbaiki tampilan dan kualitas Roller, terutama dengan mengutak-atik templatenya.

Sayangnya Roller maupun nagasakti.or.id tidak menyediakan fasilitas pencatatan statistik blognya atau biasa disebut sebagai web analytics, nah untuk menyiasatinya kita bisa menggunakan service dari google yang disebut sebagai google analytics. Service ini tentu saja bisa digunakan jika kita mempunyai google account. Nah google mempunyai mekanisme subscribe yang sedikit unik, kalau nggak diinvite ga bisa gabung ke google. Kalau ada yang butuh bantuan untuk membuat google accaunt bisa japri ke saya :D

Setelah anda sukses mendapatkan google account, silahkan brows ke http://www.google.com/analytics dan daftarkan google accaount yang baru saja sukses anda buat agar mendapatkan service dari google analytics.

Langkah selanjutnya adalah mengedit theme dari Roller agar menggunakan custom template, untuk latihan ini kita akan mengkustomisasi theme almostspring. Caranya masuk ke administrator panel seperti biasa dan navigasi ke tab Preference | Theme. Setelah itu anda harus menekan tombol Customize dan seharusnya tampilan halaman theme anda akan menerangkan bahwa sekarang anda menggunakan theme custom, seperti gambar di bawah ini :

Setelah mengeset theme Roller menjadi custom, langkah selanjutnya adalah mengedit template untuk memasukkan script "perhitungan analisis page" dari google analytics. Sebelumnya tentu saja kita harus mendapatkan script tersebut dan menyambungkan script tersebut dengan account google analytics. Login ke website google analytics dan tambahkan website profile baru dari google analytics dengan mengklik text "add website prifile" seperti gambar di bawah ini :

Sebuah wizard akan menuntun anda melalui proses penambahan website profile di google analytics. Langkah pertama adalah menambahkan URL dari website yang akan dianalisis, misalnya blog punya saya : http://www.nagasakti.or.id/roller/ifnu.

Langkah berikutnya, google analytics akan meminta anda untuk memasang sebuah javascript ke dalam website kita, untuk account saya java scriptnya seperti di bawah ini :

Jangan dulu anda mengklik tombol finish, karena anda harus terlebih memasang script tersebut dalam roller baru kemudian mengklik tombol finish.

Tempat pemasangan script ini ada tepat di diatas tag </body> dari blog kita. Nah disinilah triknya yang agak susah sedikit. Untuk menemukan dimana letak tag </body> berbeda untuk setiap roller theme, jadi anda harus bongkar-bongkar template Roller. Contoh kali ini kita menggunakan theme almostspring langkah-langkahnya sedikit mudah. Pertama anda harus bernavigasi ke halaman Preference | Templates di bagian administrator Roller. Anda akan menemukan beberapa template entry, theme almostspring meletakkan tag </body> di template _footer, klik icon Edit, dan anda akan dibawa ke halaman edit template. _footer template dari theme almost spring berisi script html + velocity seperti di bawah ini :

Nah anda bisa melihat adanya tag </body> dalam templete _footer diatas kan? tambahkan script dari google analytics tepat diatas tag </body>. Dalam kasus saya template _footer akan menjadi seperti di bawah ini :

Setelah sukses memasang scriptnya, simpan template _footer tersebut. Kembali lagi ke page google analytics dan tekan tombol finish dari wizard penambahan website profile. Hasil dari penambahan website profile bisa dilihat dari halaman utama google analytics anda seperti di bawah ini :

Dalam contoh diatas terdapat dua website profile, satu sukses dan satu lagi gagal. Yang gagal karena saya sengaja tidak memasang script yang kita bahas diatas dalam website yang saya tambahkan :D.

Setelah google analytics selesai dipasang dalam roller, google analytics akan mulai menghitung kunjungan orang-orang ke roller kita. Google analytics mempunyai beberapa analisis yang dapat digunakan untuk memeriksa pola kunjungan orang-orang ke website kita. Untuk melihat hasil analisisnya anda bisa mengkilik ling "view report" di setiap daftar website profile.

Tampilan utama dari google analytics adalah "Executive Overview". Executive Overview mempunyai empat buah chart, cart pertama berupa line chart dari jumlah kunjungan ke website kita selama beberapa hari, ada dua parameter yang diukur yaitu "page view" dan "page visit". Page visit adalah jumlah orang yang melakukan kunjungan ke website kita, sedangkan page views adalah jumlah halaman dari website yang dilihat pengunjung ketika visit ke websites kita.

Page views tentu saja selalu lebih besar dari page visit, hasil bagi antara page views / page visit akan menghasilkan nilai rata-rata halaman yang dibuka pengunjung setiap kali mengunjungi "visit" websites kita. Angka ini bisa digunakan untuk menilai seberapa "krasan" pengunjung berada di dalam website kita, apakah sekali visit trus bilang "akh blog apaan sih ini.. ah males.. pergi aah" atau setiap visit melihat-lihat halaman lain dang bilang "wah website nya gila banged... apalagi yang bikin.. pasti sinting!!" hahahaha.

Chart kedua dari "Executive Overview" adalah "visit by new and returning". Chart ini memperlihatkan proporsi antara user baru dan user lama yang kembali lagi melihat blog kita untuk mencari postingan "gila" lainya :D

Chart ketiga dari "Executive Overview" adalah "visit by source". Chart ini adalah proporsi sumber kunjungan orang ke website kita. Biasanya sih paling banyak direct visit atau hasil dari search di google. Adapula other, nah kalau ingin lihat semua referal kunjungan ke website kita, bisa dilihat dari menu "export" di sisi kanan tulisan "Executive Overview".

Chart terakhir adalah "geo map overlay" yang menunjukkan dari mana saja pengunjung berasal, fasilitas ini mirip-mirip clustermap. Nah berikut ini tampilan dari "Executive Overview"

Selain "Executive Summary" masih ada beberapa lagi summary yang disediakan oleh google analytics. Summary lain yang saya suka adalah "Marketing Summary". Fasilitas yang bagus dari Marketing Summary adalah mendaftar keyword apa saja yang digunakan oleh pengunjung untuk "menemukan" blog kita. Nah tampilan dari Marketing Summary adalah sebagai berikut ini :

Nah sepertinya tutorial ini sudah cukup lengkap membahas bagaimana memasang google analytics ke dalam blog kita agar kita selalu tahu bagaimana keadaan blog kita dari perspektif kunjungan orang, untuk lebih jelasnya anda bisa mengunjingi halaman bantuan google analytics. Masih banyak fasilitas lucu-lucu lain yang bisa kita tambahkan dalam blog kita, saya lihat blognya thomas ada banyak sekali layanannya, seperti clustermap, indonesia top blog, world top blog, my page rank dan stat counter. Fasilitas google lain yang cukup menggoda untuk diinstall adalah google adwords, nyari duit dari blog coy :D.

Dengan mengikuti tutorial ini anda sudah bisa mengedit template roller, kalau ingin mengobrak-abrik templetenya lebih lanjut sebaiknya anda membaca Roller template Guide terlebih dahulu :D

Jika anda sukses mengedit templatenya, jangan lupa menggunakan nama template yang berbeda dengan nama template default dari theme yang anda kustomisasi. Hal ini untuk menghindari template yang sudah anda edit ketimpa dengan template lain jika anda mengganti theme yang akan anda kustomisasi di masa mendatang.

Semoga bermanfaat,

regards