Cara Memasang Tombol Share WhatsApp di Bawah Postingan Blog

Cara Menampilkan atau Memasang Tombol Share WhatsApp di Bawah Postingan Blog.

WHATSAPP (WA) adalah aplikasi chat yang terus berkembang. Jumlah pengguna WA saat ini mencapai 1,2 miliar di seluruh dunia (Statista).

Di Indonesia kabarnya penggunaan aplikasi WA semakin dominan dan menggeser BBM.

Share posting blog ke WhatsApp menjadi "keniscayaan" untuk menyebarkan tulisan di blog sekaligus mengundang dan meningkatkan pengunjung.

Tombol WhatsApp di bagian bawah posting wajib dipasang, untuk memudahkan kita dan pembaca, share posting ke teman atau Grup WA.

Jika blog Anda menggunakan kode social share dari AddThis, tombol share WhatsApp sudah ada alias include.

Namun, jika tombol social share di template blog Anda menggunakan kode tersendiri, makan harus ditambahkan kode tombol share to WhatsApp berikut ini, di bawah kode-kode social share yang sudah ada:

Cara Menampilkan Tombol Share WhatsApp

Berikut ini cara memasang WhatsApp Share Button di blog seperti saya lakukan di blog ini:
1. Template > Edit HTML
2. Cari (Ctrl+F) kode social share yang sudah dipasang, biasanya di bawah kode <data:post.body/>
3. Copas kode berikut ini di bagian paling bawah:

<script type='text/javascript'>if(typeof wabtn4fg==="undefined"){wabtn4fg=1;h=document.head||document.getElementsByTagName("head")[0],s=document.createElement("script");s.type="text/javascript";s.src="//yourjavascript.com/09010225501/whatsappblogger.js";h.appendChild(s);}</script>
<a class='wa_btn wa_btn_s' expr:data-href='data:post.url' expr:data-text='data:post.title' href='whatsapp://send' style='display:none'>Share</a>

CONTOH:
Di blog ini kode Social Share menggunakan kode tersendiri. Kode Share WA di atas saya pasang di bawah kode Like+Send Facebook seperti berikut ini:

<div style='float:left;'>
<g:plusone annotation='bubble' expr:href='data:post.url' size='medium'/>
</div>

<div style='float:left;'>
<fb:like colorscheme='light' expr:href='data:post.url' font='' layout='button_count' send='true' show_faces='false'/>
<div style='float:left;margin-left:5px;'>

<script type='text/javascript'>if(typeof wabtn4fg==="undefined"){wabtn4fg=1;h=document.head||document.getElementsByTagName("head")[0],s=document.createElement("script");s.type="text/javascript";s.src="//yourjavascript.com/09010225501/whatsappblogger.js";h.appendChild(s);}</script>
<a class='wa_btn wa_btn_s' expr:data-href='data:post.url' expr:data-text='data:post.title' href='whatsapp://send' style='display:none'>Share</a>

</div>

4. Save!

Kini Tombol Share WhatsApp sudah terpasang di Bawah Postingan Blog. Silakan cek dengan membuka blog Anda di HP. Di Desktop mah teu muncul...!

Cara Lain Memasang Tombol Share WhatsApp

Jika cara di atas gagal --biasanya sih karena kurang sedekah-- maka coba cara ini:

1. Pasang kode berikut ini digabung dengan kode social share lainnya:

<li class='wa-button'><a data-action='share/whatsapp/share' expr:href='"whatsapp://send?text=" + data:post.title + "%20%2D%20" + data:post.url'><i aria-hidden='true' class='fa fa-whatsapp'/> WhatsApp</a></li>

2. Copas kode berikut ini di atas kode ]]></b:skin> atau </style>

.wa-button{color:#fff;margin:0 auto;padding:0;font-size:14px;font-weight:700}
.wa-button a{color:#fff;margin:0 auto;padding:10px 8px;background:# 4dc247}
.wa-button i{font-weight:400;margin:0 10px 0 0}

3. Save!
4. Cek dengan cara membuka blog Anda di HP.

Masih belum muncul juga?
Tenang, masih ada alternatif lain, yakni dengan menggunakan kode dari AddThis. Silakan ke TKP.

Tombol Share WA Meningkatkan Trafik Blog

Menurut "obrolan" di Quora, tombol Share WA bisa meningkatkan jumlah kunjungan secara drastis:

Your average share will increase by 47%
Your natural traffic will boost by 90% +
Your social average repo will increase by 150%
and much more ..

Wuih, keren 'kan? Jika langkah di atas gagal, silakan langsung ke sumber. Baca juga: Cara Keluar Grup WA Tanpa Ketahuan. Wasalam. (http://blogromeltea.blogspot.com).*