Web Siteleri İçin BlueSky Paylaş Butonu Oluşturma!

Web Siteleri İçin BlueSky Paylaş Butonu Oluşturma!

Twitter’ın eski sahibi Jack Dorsey tarafından Twitter’a yeni bir alternatif olarak kurulan açık platform sosyal paylaşım sitesi BlueSky hızla üye kazanmaya devam ediyor. Son olarak sadece bir günde 1 milyon yeni üye kazanan platformun şuan 18 milyon kullanıcıyı geçtiği biliniyor ve bu sayı hızla artmaya da devam edecek gibi. Bu nedenle web sitesi sahiplerinin de yavaş yavaş BlueSky paylaş butonlarını web sitelerine yerleştirmeleri gerektiğini düşünüyorum. Peki bunu nasıl yapıyoruz?

BlueSky’ı web sitelerine entegre etmenin üç yolu var. İlkinde paylaş buton kodunu bir kelebek butonu ile veya awesome font desteği ile yazılarınızda yer alan diğer paylaşım butonlarının arasına ekleyebilir..

İkinci seçenek olarak BlueSky paylaş linkini her yazının sonuna veya doğrudan yazı sonlarında görünecek şekilde bir bileşenle ekleyebilir..

Veya WordPress tabanlı bir script kullanıyorsanız mevcut paylaş butonlarınızı kaldırıp içerisinde tüm paylaşım butonlarının olduğu Addtoany eklentisi veya Sassy Social Share eklentisini kullanabilirsiniz.

AddToAny Share Buttons

Social Sharing Plugin – Sassy Social Share

Eklenti kullanacaksanız her iki eklentinin bağlantısını yukarıda paylaştım. Eğer eklenti yerine paylaş kodu veya paylaş linkinden yararlanmak istiyorsanız aşağıdaki kodları kullanabilirsiniz.

Her yazıda otomatik olarak metin ile görünmesi için bunu;

< href=”https://bsky.app/intent/compose?text=BAŞLIĞI ÇEKEN KOD%F0%9F%A6%8B%0ABAĞLANTIYI ÇEKEN KOD” target=”_blank”><strong>Bu yazıyı BlueSky’da Paylaş!</strong></a>

WordPress script kullanıyorsanız bunu;

< href=”https://bsky.app/intent/compose?text=<?php the_title(); ?>%F0%9F%A6%8B%0A<?php the_permalink(); ?>” target=”_blank”><strong>Bu yazıyı BlueSky’da Paylaş!</strong></a>

Tüm yazılara başlık ve bağlantıları elle ekleyerek paylaşmak için bunu kullanın.

< href=”https://bsky.app/intent/compose?text=YAZIBAŞLIĞI%F0%9F%A6%8B%0AYAZIBAĞLANTISI” target=”_blank”><strong>Bu yazıyı BlueSky’da Paylaş!</strong></a>

Yukarıda ilk paylaştığım kod içerisinde başlığı çeken kod yazan yere kullandığınız script veya sistemde başlığı yazdıran kod ne ise onu eklemelisiniz. Bağlantıyı çeken kod yerine de yazı bağlantısını yazdıran kodu kullanmalısınız. Tıpkı bir sonraki WordPress örneğinde paylaştığım kod gibi.

Eğer paylaş metnini butona çevirmek istiyorsanız Bu yazıyı BlueSky’da Paylaş! metnini silmeli, onun yerine internetten bulacağınız BlueSky kelebek ikonunu <img src=”” /> kodu ile linklendirmelisiniz. (Svg formatlı BlueSky kelebek ikonunu Font Awesome sitesinden indirebilirsiniz.)

< href=”https://bsky.app/intent/compose?text=<?php the_title(); ?>%F0%9F%A6%8B%0A<?php the_permalink(); ?>” target=”_blank”><img src=”https://bluesky ikon bağlantısı” border=”0″ /></a>

Veya tüm kod demetine bluesky css stili oluşturduktan sonra style.css dosyanız içerisinden font awesome  ile kebelek ikonunu ilgili paylaş bağlantısına iliştirmelisiniz.

Bu sistemle okurlarınız sorunsuz bir şekilde bağlantılarınızı BlueSky hesaplarında paylaşabilirler. Ancak bazen link eklendiğinde yazı görselleri otomatik alınmayabiliyor, onun için yapılabilecek tek şey post editöründe enter tuşuna basıp alt satıra geçmek.

Konuyla alakalı sorularınız olursa yorum formundan yazabilir ve detaylar için şuraya bakabilirsiniz;

https://docs.bsky.app/docs/advanced-guides/intent-links