⌊ K™¦krizzna.web.id ⌉
Sekedar coretan seorang nyubi
Solusi bagi tombol google+1 yang bermasalah
Banyak orang mengeluhkan tentang loading tombol google plusone yang begitu berat. Sebenarnya, selain cari standar pemasangan google plusone button yang sudah banyak beredar di pasaran (internet), ada cara baru yang diklaim bisa mengatasi permasalahan loading ini.
Kalau biasanya kita menggunakan cara lama berikut:
Pasang kode ini sebelum penutup tag /head
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
dan kemudian pasang kode berikut untuk menampilkan tombol plusone pada bagian yang kita inginkan
<g:plusone></g:plusone>
Nah sekarang ada cara baru bisa anda temukan langsung di sumbernya, di google webmaster plusone button.
Caranya adalah:
Pasang kode berikut untuk menampilkan tombol plusone langsung pada bagian yang di inginkan.
<!-- Place this tag where you want the +1 button to render --> <g:plusone></g:plusone>
Letakkan kode berikut tepat di bawah kode plusone yang kita pasang diatas tadi.
<!-- Place this tag after the last plusone tag -->
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
Bagaimana ? Mudah kan ?
W3C Validator
Ternyata, cara lama maupun cara baru ini, sama sama tidak lulus uji verfikasi / validator W3C. sebab cara ini hanya valid untuk HTML 5.
Untuk mengatasi hal ini, kita bisa menggunakan tag div. sebagai contoh
<g:plusone></g:plusone>
kita ganti menjadi
<div class="g-plusone" id="my_plusone"></div>
Trik Baru
Dengan menggunakan cara pemasangan baru maupun lama, tombol +1 ini akan memberikan nilai plusone ke setiap halaman dari blog kita.
Seandainya, kita menginginkan, hanya halaman utama saja yang di berikan vote +1, walaupun tombol plusone ini berada di halaman posting misalnya, yang pada intinya, semua tombol plusone yang berada di halaman manapun, akan memvote +1 ke halaman utama saja.
Nah, untuk kasus ini, kita bisa menggunakan kode berikut:
<div class="g-plusone" id="my_plusone"></div>
<script type="text/javascript">
document.getElementById("my_plusone").setAttribute("data-href", "<strong>http://www.halamanutama.com</strong>");
</script>
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
Ganti tulisan yang berwarna hitam dengan url halaman utama yang ingin kita jadikan acuan tombol plus one.
Tombol +1 / plusone tidak muncul ?
Seandainya tombol plusone tidak mau muncul di blog anda, mungkin anda bisa mencoba dengan memindah kode yang berada sebelum tag /head ke bawah menjadi sebelum tag /body
Jadi kode berikut:
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script> </head>
dipindah menjadi
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script> </body>
Selamat mencoba, semoga bermanfaat.
Tags: button, Google, google plus one, google+ one, Tips
Pingback: copi paste » Blog Archive » Solusi bagi tombol google+1 yang bermasalah [at] Krizzna™