Bingung mau buat tombol untuk bisa langsung share ke Instagram? Begini caranya yang mudah dan gampang

Instagram adalah sebuah platform media sosial yang memungkinkan pengguna untuk membagikan foto dan video dengan pengikut mereka. Instagram diluncurkan pada tahun 2010 dan sejak itu telah menjadi salah satu platform media sosial paling populer di dunia. Pengguna Instagram dapat membuat profil pribadi, mengikuti pengguna lain, dan berinteraksi dengan konten mereka melalui like, komentar, dan pesan langsung. Instagram juga memungkinkan pengguna untuk membuat dan mengikuti hashtag, yang memungkinkan pengguna menemukan dan bergabung dengan percakapan di seluruh platform. Instagram memiliki fitur-fitur tambahan seperti Instagram Stories, Instagram Reels, dan IGTV yang memungkinkan pengguna untuk membuat dan berbagi konten pendek dengan cara yang lebih interaktif. Instagram juga merupakan platform yang sangat populer di kalangan bisnis dan pemasar, karena memungkinkan mereka untuk mempromosikan produk dan layanan mereka kepada audiens yang lebih luas melalui iklan dan kampanye pemasaran influencer.

Jika mempunyai website dan ingin share content tersebut di instagram, bisa di lakukan dengan cara seperti ini: 

kode HTML dan JavaScript untuk membuat tombol untuk berbagi konten ke Instagram:

<button onclick="shareToInstagram()">Bagikan ke Instagram</button>

Javascript nya sebagai berikut: 

function shareToInstagram() {
  // Ganti "https://www.example.com/image.jpg" dengan URL gambar yang ingin Anda bagikan
  const imageUrl = "https://www.example.com/image.jpg";

  // Ganti "Caption teks" dengan teks caption yang ingin Anda gunakan
  const captionText = "Caption teks";

  // Menggunakan URI Scheme Instagram untuk membuka aplikasi Instagram
  const instagramUrl = `instagram://library?AssetPath=${encodeURIComponent(imageUrl)}&InstagramCaption=${encodeURIComponent(captionText)}`;

  // Buka Instagram (jika tersedia) atau tampilkan pesan kesalahan jika tidak tersedia
  window.location.href = instagramUrl;

}

Kode JavaScript di atas menggunakan URI Scheme Instagram untuk membuka aplikasi Instagram pada perangkat pengguna. Jika Instagram tidak tersedia pada perangkat pengguna, maka akan ditampilkan pesan kesalahan. Penting untuk dicatat bahwa pengguna harus memiliki aplikasi Instagram terinstal pada perangkat mereka untuk menggunakan kode ini.

Anda juga dapat memperbarui kode JavaScript di atas dengan menambahkan opsi untuk memeriksa apakah pengguna memiliki aplikasi Instagram terinstal pada perangkat mereka, dan jika tidak, menampilkan tautan ke laman web Instagram sehingga pengguna dapat membagikan konten Anda melalui aplikasi web. Berikut adalah contoh kode untuk melakukan ini:

function shareToInstagram() {

  // Ganti "https://www.example.com/image.jpg" dengan URL gambar yang ingin Anda bagikan
  const imageUrl = "https://www.example.com/image.jpg";

  // Ganti "Caption teks" dengan teks caption yang ingin Anda gunakan
  const captionText = "Caption teks";

  // Menggunakan URI Scheme Instagram untuk membuka aplikasi Instagram
  const instagramUrl = `instagram://library?AssetPath=${encodeURIComponent(imageUrl)}&InstagramCaption=${encodeURIComponent(captionText)}`;

  // Periksa apakah pengguna memiliki aplikasi Instagram terinstal pada perangkat mereka
  const isInstagramInstalled = window.navigator.userAgent.toLowerCase().indexOf("instagram") > -1;

  if (isInstagramInstalled) {
    // Buka Instagram jika tersedia
    window.location.href = instagramUrl;
  } else {
    // Jika Instagram tidak tersedia, tampilkan tautan ke halaman web Instagram
    const webInstagramUrl = "https://www.instagram.com/";
    window.open(webInstagramUrl);
  }
}

Semoga membantu

HAPPY CODING