Cara Memasang Share Button WhatsApp pada Blogger AMP

Tombol share artikel selama ini memang banyak digunakan oleh para blogger untuk mendukung dan mengoptimalkan Mesin Pencari (SEO) guna memudahkan pengunjung blog untuk menyebarkan informasi dari isi kontent atau artikel. Jika pengunjung blog mengeklik tombol share whatsapp maka akan semakin meningkatkannya popularitas dan peringkat blog di halaman hasil pencarian (SERP).
Cara Memasang Share Button WhatsApp pada Blogger AMP

Cara Memasang Share Button WhatsApp pada Tamplate AMP

Pertama, tamplate harus sudah terpasang JS untuk Social Share dari AMP Project, seperti kode dibawah :

<script async='async' custom-element='amp-social-share' src='https://cdn.ampproject.org/v0/amp-social-share-0.1.js'/>

Jika pada template sudah ada share button Facebook, Twitter dan lainnya, artinya JS tersebut sudah terpasang.

Selanjutnya, tinggal terapkan kode dibawah ini sesuai keinginan :

<b:if cond='data:blog.pageType == &quot;item&quot; and data:blog.isMobileRequest == &quot;true&quot;'>
<amp-social-share type="whatsapp"
    layout="container"
    data-share-endpoint="whatsapp://send"
    expr:data-param-text='&quot;Ada yang keren lho, nyesel kalo ga buka.. kunjungi: &quot; + data:blog.url'>
    <amp-img src="https://4.bp.blogspot.com/-0XYiiPfEZ1c/WBr8sQOimII/AAAAAAAAH6w/nkXzWqKrjRsIOMCR9bnBSt3RpuB4hcsvwCK4B/s1600/whatsapp-share.png"
      width="200"
      height="38"
      layout="fixed"
      alt="Share via Whatsapp"></amp-img>
</amp-social-share>
</b:if>

Hasilnya akan seperti gambar dibawah.

Cara Memasang Share Button WhatsApp pada Blogger AMP

Cara Memasang Share Button WhatsApp pada Blogger AMP

Apabila ingin mengubah pesan ke penerima Ada yang keren lho, nyesel kalo ga buka.. kunjungi: dengan judul artikel, silahkan ganti kode dibawah :

expr:data-param-text='&quot;Ada yang keren lho, nyesel kalo ga buka.. kunjungi: &quot; + data:blog.url'>

Ganti dengan kode ini :

expr:data-param-text='data:post.title + &quot; - &quot; + data:blog.url'>

Merubah Tombol Share Button Whatsapp
Bisa merubah tombol share, dengan menggunakan gambar yang berbeda, harus sesuaikan ukuran tinggi dan lebarnya gambar.

<amp-img src="https://4.bp.blogspot.com/-nuWfSt-GHRc/WBsZe1kXxmI/AAAAAAAAH7c/gGKKNm32SkYqQthHzcptJrqk4GejHdjGgCK4B/s1600/wa.png"
      width="37"
      height="37"
      layout="fixed"
      alt="Share via Whatsapp"></amp-img>

<amp-img src="https://4.bp.blogspot.com/-JX8AxaL6pKY/WBsFJ-pz2NI/AAAAAAAAH7M/knyUdogmj_E8Gg3ubzS9MsGEXBqiaxKzgCK4B/s1600/whatsapp-share3.png"
      width="95"
      height="37"
      layout="fixed"
      alt="Share via Whatsapp"></amp-img>

Share button ini untuk pengguna mobile, maka tidak akan terlihat apabila menggunakan web. Untuk melihat hasinya silahkan gunakan versi mobile melalui Android atau iPhone untuk melihat penampakannya.

Reaksi:
Share this with short URL:

You Might Also Like:

Use parse tool to easy get the text style on disqus comments:
Show Parser Hide Parser