Cara Baru Memasang Tombol Google +1

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

dan kemudian pasang kode berikut untuk menampilkan tombol plusone pada bagian yang kita inginkan

 

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.


Letakkan kode berikut tepat di bawah kode plusone yang kita pasang diatas tadi.

(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);
})();

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

kita ganti menjadi

 

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:

document.getElementById("my_plusone").setAttribute("data-href", "http://www.halamanutama.com");

(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);
})();

Ganti tulisan yang berwarna merah 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 ke bawah menjadi sebelum tag

Jadi kode berikut:

<script type="text/javascript" src="http://apis.google.com/js/plusone.js”></script>

dipindah menjadi

<script type="text/javascript" src="http://apis.google.com/js/plusone.js”></script>

 

Selamat mencoba, semoga bermanfaat.

 

p/s: Tulisan ini saya ambil dari postingan di blog  saya : Satu Hati Dua Jiwa

Cara baru ini mirip, namun agak sedikit berbeda pendekatannya dari tulisan sdr. Aini di postingan sebelumnya (Cara Pasang G+1 (Google Plus One) di Pojok Blog)

Tinggalkan Komentar Anda di Sini