Çarşamba 22 Mart 2023
Hakkında
Yazarlarımız
Reklam
Künye
İletişim
Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı

Bülten

Sosyal Medya Yasası Kabul Edildi

Binance ‘e Siber Saldırı

Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı
  • BAŞLARKEN
    • KOD
      • PHP
      • Asp.Net
      • Swift
      • MySQL
      • CMS
  • TASARIM
    • İpuçları
    • Çizim
    • Illustrator
    • Photoshop
    • Trendler
  • ARAYÜZ
    • JavaScript
    • HTML5
    • CSS
    • REACT
  • İPUÇLARI
    • API
    • Güvenlik
    • IDE
    • Framework
    • OS
    • Verimlilik
    • İçerik
      • Dökümantasyon
      • İpuçları
      • Nasıl Oluşturulur?
  • KAYNAKLAR
    • Tasarım
    • Kod
    • İş
  • GİRİŞİM
    • Finans
    • Girişimci
    • Nasıl yapılır?
  • ARAÇLAR
  1. Anasayfa
  2. Arayüz
  3. InlineTweet.js ile İçeriğinize Tweetable Linkler Ekleyin
 InlineTweet.js ile İçeriğinize Tweetable Linkler Ekleyin
Arayüz JavaScript

InlineTweet.js ile İçeriğinize Tweetable Linkler Ekleyin

Yazar : Bilal UÇAR 5 Ekim 2017 0 Comment

Bu özelliği, TechCrunch ve Mashable gibi büyük sitelerde çok göreceksiniz. Bir makale okuyorsun ve tüm cümlenin bir bağlantı gibi vurgulanmış olduğunu farkedeceksiniz.

Ancak, tıkladığınızda, o metin parçasını Twitter takipçilerinizle paylaşmanızı isteyen bir tweet penceresi açılacak. Sitenize trafik çekmenin ve daha fazla sosyal paylaşımın teşvik edilmesinin harika bir yoludur.

Bu efekti sitenizde çoğaltmak için InlineTweet.js‘yi deneyin.


Bu ücretsiz JavaScript eklentisi yüklemesi son derece kolaydır ve o rotayı tercih ederseniz bile ücretsiz bir WordPress eklentisine sahip olursunuz.

Herhangi bir JavaScript bağımlılığı gerektirmez, bu nedenle bu sans-jQuery’yi çalıştırabilirsiniz.

Tüm içerik doğrudan doğruya veri öznitelikleri aracılığıyla çalışır, bu nedenle bunları içeriğinize bağlı olarak bire bir ayarlarsınız. Doğal olarak, WordPress eklentisi bunu daha kolay hale getirir, bu nedenle daha fazla kontrole sahip olmak istiyorsanız bu harika bir seçenektir.

Ana komut dosyası sayfasında, bunun nasıl çalıştığını gösteren birkaç kod snippeti bulacaksınız.

JS komut dosyasını sayfanıza eklemeniz ve bazı CSS stil sayfanıza (yalnızca 3 blok) kopyalamanız yeterlidir. Buradan HTML kodlarını şu şekilde ekleyebilirsiniz:

Burada gereken tek şey, en üst veri satır içi tweet özniteliğidir. Etkinin çalışması için gereken tek şey bu, diğer her şey isteğe bağlı.

Ancak, bu ekstra seçenekler, otomatik olarak oluşturulmuş tweet’e özellikler ekledikleri için bir fark yaratıyor:

  • Data-inline-tweet-via – tweet’e bir @mention ekler
  • Data-inline-tweet-tags – tweet’e etiketler ekler (eğer oda varsa)
  • Data-inline-tweet-url – tweet’inizde tıklanabilir bir URL içerir

Kurulum zor olabilir, bu yüzden mümkünse WordPress eklentisini kullanmanızı öneririm.

Ancak, içeriği yalnızca tweetable’ı istediğiniz herhangi bir metne kopyalayıp yapıştırabilirsiniz. Bu araç oldukça hafif ve ücretsiz.

Bir örneğini görmek için demo sayfasını bir göz atın ve daha fazla bilgi edinmek isterseniz GitHub repo dosyasına bakın.

Bu makalede sitenizde belirlediğiniz bir metin parçasına Tweetable link yani tıklandığında Twitter’de paylaşılmasını sağlayan JS kütüphanesinden bahsettik. Siz de düşüncelerinizi yorum yaparak bizlerle paylaşabilirsiniz.

Etiketler: inline tweet js javascript kütüphanesi seçili metini twitterde paylaşma kodu tıklandığında cümeleyi twitterde paylaşan js tweerable link nedir tweetable link
Önceki Yazı
Sonraki Yazı

Bilal UÇAR (Website)

administrator

Front-end Developer @Webmaster.Kitchen. Front-end developer olarak çalışıyorum. Bu konuda öğrendiklerimi sizlerle paylaşmaya çalışıyorum. Siz de yaptığınız çalışmaları, edindiğiniz bilgileri paylaşabilirsiniz. Yorum alanı ile mutfağa katkıda bulunun.

Yorum Yap Yorumu İptal Et.

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Taze Yazılar
Güncel

Sosyal Medya Yasası Kabul Edildi

14 Ekim 2022
Blockchain

Binance ‘e Siber Saldırı

8 Ekim 2022
Blockchain

Binance ‘den Ücretsiz Eğitim

5 Ekim 2022
Güncel

Japonya için Yenilenen Corolla

4 Ekim 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.