img
Javascript Share Özelliği Kullanımı

Javascript Share Özelliği Kullanımı

Mobil cihazlarda kullanıcı deneyimini artıran önemli özelliklerden biri de paylaşma işlemidir. Bu özellik, kullanıcının web sayfasındaki içeriği kolayca paylaşmasını sağlar. Ancak bu özelliği tetiklemek için sayfa açılır açılmaz çalıştıramazsınız. Bunun yerine, bir butona tıklandığında paylaş özelliğini aktifleştirebilirsiniz. Bu kılavuzda, bu işlemi nasıl gerçekleştireceğinizi adım adım açıklayacağım.

Adım 1:HTML Butonunu Oluşturma: Öncelikle, kullanıcıların paylaşma işlemini başlatmak için tıklayacağı bir buton oluşturun. Bu butona paylas classını ekleyerek, JavaScript ile erişilebilir hale getirin. Örneğin:

<button data-text="İçerik" data-title="Başlık" class="paylas">PAYLAŞ</button>

Adım 2:JavaScript Kodunu Oluşturma: Butona tıklandığında paylaşma özelliğini tetikleyen JavaScript kodunu oluşturun. Bu kod, öncelikle tarayıcının navigator.share özelliğinin mevcut olup olmadığını kontrol eder. Eğer varsa, paylaşma verilerini (title, text, url) alır ve paylaşma işlemini başlatır. Örneğin:

  <script>
    $(document).on('click','.paylas',function(e){
      e.preventDefault();
      if(navigator.share){
        const shareData = {
          title: $(this).attr("data-title"),
          text: $(this).attr("data-text"),
          url: window.location //Bu kısımda auto sayfa linkini aldık
        };
        navigator.share(shareData)
          .then(()=>{
          	console.log('Paylaşıldı')
          })
          .catch(e => {
            alert(e)
          });
      }
    });
  </script>

Adım 3:Paylaşma İşlemini Deneyin: Butona tıklayarak paylaşma işlemini deneyin. Tarayıcınızın paylaşma özelliğini destekliyorsa, belirtilen başlık, içerik ve URL ile paylaşma işlemi başarılı olacaktır.

Sonuç: Bu adımları takip ederek, web sitenizdeki içeriği mobil cihazlarda kolayca paylaşılabilir hale getirebilirsiniz. Kullanıcıların içeriklerinizi daha geniş kitlelere ulaştırmasını sağlayarak, sitenizin erişilebilirliğini artırabilirsiniz.

İlk Yorumu Yapan Sen Ol!

Web Tasarımlar

  • Lisans Yönetim Scripti 2

    24.6K
    1440.00₺
  • Canlı Radyo Dark Scripti

    16.7K
    1440.00₺
  • Canlı Radyo Light Scripti

    9.8K
    1440.00₺
  • Rüzgar Radyo Scripti

    9.6K
  • Radyo Minimal

    5.2K
    1440.00₺
  • Ekitap Scripti

    7.3K
    4320.00₺
  • Aşk Sevgililer GünüEvlilik

    9.2K
    1440.00₺
  • Sohbet Scripti

    9.3K
  • Dialog Whatsapp Benzeri Sohbet

    5.9K
  • Firebase Chat

    4.7K
  • Web Ajans Scripti

    30.3K
    5040.00₺
  • Google Indexing Api

    1.5K
    720.00₺
  • Milando Radyo Wordpress Teması

    2.1K
    1440.00₺

Vip Tema Web Ajans Yazılımı

Profesyonel ve her yönü ile kontrol edilebilir gelişmiş çok özellikli ajans yazılımıdır. İşte öne çıkan özellikler.

  • PAYTR Ödeme Entegrasyonu
  • SHIPY Ödeme Entegrasyonu
  • WHM Hosting Satış Entegrasyonu
  • Domain Sorgulama/Satış Entegrasyonu
  • Google Authenticator
  • SMS 2 Faktörlü Doğrulama
  • Net Gsm SMS Entegrasyonu
  • İleti Merkezi SMS Entegrasyonu
  • İnteraktif SMS Entegrasyonu
  • Mas GSM SMS Entegrasyonu
img