Menambahkan Fitur Tombol Bagikan Halaman Website ke Media Sosial

Menambahkan Fitur Tombol Bagikan Halaman Website ke Media Sosial

Salah satu fitur yang dapat kita tambahkan dalam halaman website adalah tombol bagikan ke sosial media. Tombol ini sangat berguna untuk meningkatkan promosi ke sosial media pembaca dari website yang Anda miliki. Kita tdiak perlu repot-repot lagi mengatur desain, koding ataupun statistiknya karena sudah ada penyedia yang dapat kita pakai.

Contohnya adalah sebagai berikut:

  1. Sharethis
  2. Addthis
  3. AddToAny
  4. Elfsight
  5. Sharingbuttons.io

Namun, pada kali ini mimin akan membahas yang sering dipakai pada project yang pernah mimin garap termasuk di website amperakoding ini yaitu Sharethis.

Bagaimana Caranya?

Baiklah tanpa panjang lebar lagi mari kita langsung ke tutorialnya. Silahkan ikuti tahapan yang ada seperti dibawah ini:

  1. Masuk ke websitenya di alamat https://sharethis.com/


  2. Apabila Anda belum mempunyai akun maka silahkan daftar melalui link ini: https://platform.sharethis.com/signup. Apabila sudah punya akun maka langsung saja login ke alamat https://platform.sharethis.com/login




  3. Setelah berhasil register atau login maka Anda akan diarahkan ke dashboard. Halaman ini berisi informasi tentang perintah untuk aktivasi domain yang nantinya akan Anda pasang tombol sharethis. Silahkan diisi form seperti yang ada pada gambar dibawah ini


  4. Apabila berhasil menambahkan domain maka akan tampil di atas dashboard seperti lingkaran yang ada di gambar berikut:


  5. Selanjutnya adalah tahap untuk aktivasi dengan cara menekan tombol Activate Code yang ada pada sudut kanan atas halaman dashboard seperti lingkaran dibawah ini:


    Copy dan paste kode yang ada dibawah ini, lihat bagian tag <script> sampai tag penutupnya ke dalam tag <head> yang ada pada halaman website Anda. Cara cepat copasnya dapat langsung menekan/klik tombol Copy Code dibawahnya.

    Berikut adalah contoh saat mimin sisipkan di dalam tag <head> html:


  6. Setelah Anda memasukkan script ke dalam tag <head> dan klik tombol Activate maka silahkan lihat kembali di dashboard Sharethis. Apabila berhasil maka statusnya akan seperti pada gambar dibawah ini:


  7. Selanjutnya adalah mengaktifkan salah 1 fitur yang disediakan oleh Sharethis. Pada kali ini mimin akan menggunakan tombol Inline Share Buttons yang ada pada halaman Dashboard. Silahkan klik kemudian aktifkan dengan menekan tombol Enable Tool.




  8. Anda akan diarahkan untuk mulai memilih sosial media apa saja yang ingin ditampilkan, alignment, size (ukuran tombol), labels (nama), color (warna), counts (jumlah share), corners (lekukan tombol), extras (jarak antar tombol), dan languages (bahasa).





    Jangan lupa untuk menyalin code yang disediakan pada tombol Copy Code ke dalam halaman html website Anda.

Silahkan lihat website Anda apakah tombolnya sudah tampil/belum. Apabila sudah tampil maka akan seperti ini:



Contoh apabila tombol facebook share ditekan:



Hasil saat di website facebook:

CATATAN:

Untuk mendapatkan hasil yang optimal seperti gambar diatas, maka teman-teman harus mengisikan meta tag yang sesuai dengan masing-masing sosial media. Teman-teman dapat mempelajarinya disini: https://amperakoding.com/article/template-meta-tag-html-sosial-media-untuk-meningkatkan-seo 

Semoga bermanfaat.


Bagikan ke Yang Lain


Diskusi

Belum ada pertanyaan pada artikel ini


Tulis Pertanyaan

Ada pertanyaan? Silahkan tulis pada form dibawah ini

Silahkan login dahulu untuk dapat berkomentar, klik disini.

Artikel yang Lain