Saturday, April 7, 2012

Integrasi Google Analytics Pada Blogger

Posted by dav On 9:37 AM
Sejak Blogger memperkenalkan tampilan Dinamis semakin hari BlogSpot semakin mendekati platform blog yang sesuai dengan keinginan penggunanya. Semakin menarik, semakin lengkap dan semakin mudah, mungkin itulah yang ingin diberikan developer Blogger kepada penggunanya. Walau kadang perubahan tersebut cukup merepotkan penggunanya dalam melakukan update kode. Salah satu kemudahan yang sekarang diberikan adalah integrasi Google Analytics pada Blogger. Sebelumnya para pengguna BlogSpot harus memasukan kode Web Analytics secara manual kedalam template, namun sekerang Blogger menyediakan form khusus yang lebih sederhana. Bagi sebagian Blogger hal tersebut tidaklah jadi masalah, apalagi pengguna baru platform BlogSpot mungkin tidak menyadari perubahan tersebut. Bagi anda yang termasuk pengguna lama template Blogger, walaupun Dasbor Blogger menyediakan form untuk memasukan ID Properti Web Google Analytics namun jika pada templatenya tidak tersedia kode (X)HTML integrasi dengan Google Analystics maka hal tersebut menjadi percuma.
Google Analytics

Kode JavaScript Google Analytics

Saat Blogger belum mengintegrasikan antara Google Analytics dengan Blogger maka pengguna harus memasukan kode secara manual pada template blog seperti dibawah ini:
Versi Lama
<script type='text/javascript'>
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type='text/javascript'>

try {
var pageTracker = _gat._getTracker("UA-XXXXXXX-XX");
pageTracker._trackPageview();
} catch(err) {}

</script>
Versi Baru
<script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXXXX-XX']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>
Namun sejak Blogger melakukan beberapa perbaikan terutama setelah rilis resmi tampilan dinamis maka memasukan kode Google Analytics sudah tidak perlu dilakukan secara manual. Kode JavaScript diatas sudah tidak perlu lagi dimasukan secara manual ke dalam template.

Kode (X)HTML Google Analytics

Setelah Blogger merilis tampilan dinamis, maka beberapa kode baru ditambahkan kedalam template blogger, dari mulai threaded comments, HTML5 dan lain sebagainya. Dan salah satu penambahan kode yang hampir tidak terperhatikan adalah Google Analytics. Dibawah ini adalah kode (X)HTML Google Analytics yang terdapat pada template terbaru:
<b:include data='blog' name='google-analytics'/>
Untuk itu bagi para pengguna blogger lama, pastikan bahwa kode diatas tersedia pada template blog anda. Posisinya biasanya ditempatkan tepat di atas tag </body>. Jika kode diatas sudah tersedia, maka untuk mengintegrasikan antara Blogger dengan Google Analitycs silahkan lanjutkan membaca pada langkah selanjutnya.

Memasukan ID Property Web Google Analytics

Setelah memastikan kode (X)HTML Google Analytics tersedia pada template Blogger, selanjutnya kita hanya cukup memasukan ID Properti Web Google Analytics yang dapat kita peroleh pada situs Google Analitycs. Biasanya format ID-nya seperti dibawah ini (nomor ID dibawah hanya contoh):
Nomor Properti: UA-9989123-6
Google Analytics
Setelah ID Properti Web Google Analytics kita peroleh, maka cukup masukan ID tersebut pada Blogger.
Langkah 1
Login ke Blogger
Langkah 2
Pilih Blog anda dan pilih menu "Setelan" pada sidebar kiri (dasbor versi baru rilis bulan April 2012)
Langkah 3
Pilih menu "Lainnya" dan cari "Google Analytics - ID Properti Web Analytics" (perhatikan gambar di bawah ini):
Google Analytics
Langkah 4
Masukan ID Property Web Google Analytics pada kotak di sampingnya, kemudian klik tombol "Simpan Setelan"
Langkah 5
Preview Blog anda

Memeriksa Google Analytics

Untuk memastikan bahwa Google Analytics sudah terintegrasi pada blog, buka blog, kemudian gunakan kombinasi tombol CTRL + U untuk melihat source code halaman blog, dan telusuri (scroll - gulung layar) kebawah hingga di temukan kode dibawah ini:
<script type='text/javascript'>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXXXX-XX']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script');
ga.type = 'text/javascript';
ga.async = true;
ga.src = (document.location.protocol == 'https:' ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(ga, s);
})();
</script>
Jika kode diatas ditemukan berarti blog anda sudah terintegrasi dengan Google Analitycs. Happy Blogging :)