Sitene Tweetle Butonu Ekle

Yazar: sanalzade Tarih: 14 Kasım 2011

Web sitesi sahipleri için sosyal ağ sitelerinin kesinlikle ihmal edilmemesi konusunda daha önce belirtmiştik, yine bu kapsamda wordpress altyapısına sahip veya diğer yapılarda olan sitelere tweetle butonunu nasıl ekleniz ve nasıl entegre ederiz gibi konularını anlatmak istiyorum..

Öncelikli olarak sitemize bir tweetle butonunu oluşturmak için twitter ‘in sosyal paylaşım butonları ve kodlarının bulunduğu sayfaya girmelisiniz.

http://twitter.com/about/resources/tweetbutton adresine girdiğinizde basit bir şekilde…

Gerekli kısımları doldurduğunuzda size kodu aşağida verecektir. Sitenizde görünmesini istediğiniz alana direk olarak eklemeniz yeterli olacaktır.

Örnek belirtelim ;

Resimde görüldüğü gibi 3 çeşit buton resmi belirtilmiş, Dikey sayaç,Yatay sayaç, Sayaç yok gibi seçenekler var, metin alanı kısmı ise tweetlerinde görünecek olan metni özelleştirebilme gibi seçenekler mevcut…

Hemen alt kısmına indiğimizde, Takip etmek için kişi öner (isteğe bağlı). Örneğin oraya snlzd yazdığınızda paylaşımınız aracılığıyla @snlzd aracılığıyla şeklinde görünecektir. Bu kısımlar tamamen size bağlı bunu geliştirmekte özgürsünüz..

Butonunu kontrol et, kodunu al. Bitti! Sekmesi ile kontrolünüzü gerçekleştirebilirsiniz..

WordPress ‘e entegre etme ? WordPress için Tweetle Butonu ayarlama ? WordPress Tweetle Butonu ekleme ? WordPress Tweetle kodu ? WordPress Tweetle ? WordPress tweet ? WordPress tweet ayarları

WordPress ‘e entegresi için kodda yapmamız gereken ufak değişiklikler var. Bunların haricinde çeşitli eklentilerde mevcut ancak eklentilerle wordpress sistemini boğmanın bi anlamının olmadığı düşüncesindeyim. Kodumuzu nasıl entegre ederiz örnekle açıklıyalım…

Örneğin sanalzade ‘de bulunan tweetle butonu ;

[php]

<a href="https://twitter.com/share/" class="twitter-share-button" data-count="horizontal" data-url="<?php the_permalink(); ?>" data-text="<?php the_title(); ?>" data-via="snlzd" data-lang="tr">Tweet</a>

[/php]

 

[php]<?php the_permalink(); ?> /*wordpress permanlik*/[/php]
[php]<?php the_title(); ?> /*wordpress title*/[/php]

Örnek kodda görüldüğü gibi.. data-url= kısımlarına wordpress ‘in permalink ‘ini ekliyoruz.. data-text= kısmına ise title kodunu ekliyoruz… data-via= kısmını üstte belirmiştim @snlzd aracılığıyla şeklinde gözükecektir. Çeşitli modifikasyonlar eklemek sizin elinizde istediğiniz gibi ayarlıyabilirsiniz, ancak tweet lemede belirli bir limit olduğu için konu başlıklarını çekmek daha mantıklı geliyor bana..

Deneme yapmak için bu yazının başında bulunan tweetle butonunu tıklayabilirsiniz :)

WordPress harici php sitelere nasıl uyum sağlattırırız ? Derseniz..

Aynı wordpress ‘deki gibi.. data-url= , data-text= kısımlarını site yapımıza göre entegre ediyoruz,

[php]data-url="sayfa.php?id=<?php echo $row_listele['id']; ?>"[/php]

[php]data-text="<?php echo strip_tags($row_listele['soz']); ?>"[/php]
gibi…

bunu mantığı kavramak amacı ile izah etmek istedim..

Bu ve benzeri konularda sorun yaşayan arkadaşlarım yorum kısmından belirtebilir.

Etiketler
Yorumlar

1 Yorum Yapılmış!

Salih

Kas 28, 2011

Web sitesi yada bloğu olan herkesin kullanması gerekir. Teşekkürler.

Cevapla

Yorum yapmak ister misin?


Benzer Yazılar