8 Ocak 2014 Çarşamba

Twitter–Blog Entegrasyonu İçin Twitter Bileşenleri

6 yorum

Çağın popüler sosyal paylaşım plaformu olan Twitter’a ait “takipçi kutusu” veya “son tweetler” gibi eklentiler blogların vazgeçilmeziydi. Fakat Twitter kendi bileşenlerini kullanıma sunduktan sonra hariçten kullandığımız bu eklentiler kullanılmaz duuruma geldi. Ben de bu yazıda Twitter’ın kullanıcılarına sunduğu tüm bileşenleri tanıtmak istedim. İstediklerini blogunuza ekleyerek blog-Twitter entegrasyonunu sağlayabilirsiniz.

 

twitter

 

 

Zaman Akışı Bileşeni

 

Ayarlar > Bileşenler > Yeni Oluştur > Kullanıcı Zaman Akışı

Twitter sayfanızdaki son hareketleri blogunuzda göstermenizi sağlayan bileşendir. Kendi yazdığınız ve retweetlediğiniz tweetler bu kutuda görünür. Yanıtladığınız tweetler ile tweetle birlikte paylaşıılan fotoğrafın gösterilip gösterilmeyeceği sizin tercihinize bırakılmıştır.Ayrıca kutunun genişliğini, linklerin rengini ve zemin rengini değiştirebilirsiniz.

 

 

Favoriler Bileşeni


Ayrlar > Bileşenler > Yeni Oluştur > Favoriler

Yazdığınız veya retweetlediğiniz tüm tweetleri değil de seçtiğiniz veya beğendiğiniz tweetleri blogunuzda paylaşmak isterseniz favoriler bileşenini kullanabilirsiniz. Favorilere eklediğiniz tweetleri blogunuza embed edebilirsiniz. Benim favorilerimde tweet olmadığı için başka bir hesabın favorilerini örnek göstermek istiyorum.

 

 

Hashtag Bileşeni

Ayrlar > Bileşenler > Yeni Oluştur > Ara


Belli bir hashtag veya anahtar kelime ilgili yazılmış tweetlerden oluşan bileşendir. Diğer bileşenlerde olduğu gibi genişlik ve renk seçeneklerinin yanı sıra sadece popüler tweetlerin göterilmesini de seçebilirsiniz. Örnek olarak blog yazarlığı ile ilgili bilgi, ipucu, duyuru, haber gibi şeylerin paylaşıldığı #blogyazarlığı hashtagine ait bileşeni vermek istiyorum.

 

 

Ayrıca listeler ve özel zaman akışı bileşenlerini de  benzer şekilde oluşturup blogunuza ekleyebilirsiniz ama ben bu özellikleri kullanmadığım için örnek veremiyorum ne yazık ki.

 

 

Tweetle Butonu

 

Butonu eklediğiniz sayfayı, sayfanın linki ve başlığıyla Twitter’da paylaşmanızı sağlayan klasik buton. Tweetle butonunun kodları:

 

<a href="https://twitter.com/share" class="twitter-share-button" data-via="BlogHocam" data-lang="tr">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

 

Kırmızı renkle yazdığım yere kendi Twitter kullanıcı adınızı yazın. Örnek buton:

 

 

Takip Et Butonu

 

Twitter’da sizi takip etmelerini kolaylaştırmak için kullanabileceğiniz buton. Butonu eklmeniz için gereken kodlar:

 

<a href="https://twitter.com/BlogHocam" class="twitter-follow-button" data-show-count="false" data-lang="tr">Takip et: @BlogHocam</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

 

Yine kırmızı renkle gösterdiğim yerlere kendi Twitter kullanıcı adınızı yazmalısınız. Örnek buton:

 

 

Hashtag Butonu

 

Bu butona tıkladığınızda belirlediğiniz hashtagin olduğu bir tweet penceresi açılır ve bu hashtagla tweet yazılmasını kolaylaştırır. Butonun kodları:

 

<a href="https://twitter.com/intent/tweet?button_hashtag=blogyazarlığı" class="twitter-hashtag-button" data-lang="tr">Tweet #blogyazarlığı</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

 

Kodlarda kırmızı renkli yerlere başka bir hashtag yazabilirsiniz. Örnek buton:

 

 

Mention Butonu

 

Birinin sizden bahsederek tweet göndermesini salayan butondur. Butonu eklemeniz için gerekli kodlar:

 

<a href="https://twitter.com/intent/tweet?screen_name=BlogHocam" class="twitter-mention-button" data-lang="tr">Tweet to @BlogHocam</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

 

Yine kırmızı renkli yerlere kendi Twitter kullanıcı adınızı yazın. Örnek buton:

 

 

 

Twitter Kullanan Blog Yazarlarının Dikkatine…

 

Twitter’da Blog Hocam için açmış olduğum hesap olan @Blog Hocam hesabını takip etmenizi öneriyorum. Bu hesapta sadece Blog Hocam’da yaynlanan yazılarını değil, blog dünyası, sosyal medya, SEO, dijital pazarlama ve kişisel gelişim ile ilgili bilgiler, haberler, öneriler ve linkler paylaşıyorum. Ayrıca…

 

Yukarıdaki bileşen ve butonlarda gördüğünüz #blogyazarlığı etiketi bana, Blog Hocam’a veya başka birine ait değildir. Her blog yazarı bu etiketi kullanarak önerilerini, sorunlarını, denetyimlerini paylaşsın lütfen.

6 yorum:

  1. Harika ve yararlı bir yazı hocam bu yazınız için teşekkürler

    YanıtlaSil
  2. sosyal medyanın sitenin ulaşılabilirliği konusunda etkilerini göz önüne alınca paylaşımınızın değerini daha iyi anlayabiliyoruz.

    yukarıda yazı içinde geçen "twitter zaman akışını" blogumda yan sütunda kullandım. oldukça ilgi görüyor. kesinlikle tavsiye ederim. hatta favori tweet kısmını da denemeyi düşünüyorum. isteyenler linkteki bloga bakabilirler.

    cihadhoca.blogspot.com

    YanıtlaSil
  3. Hocam yazılarınızı takip ediyorum.İnternete girdiğimde ilk açtığım sitelerdensiniz.

    Yine her zaman olduğu gibi oldukça yararlı bir yazı.Teşekkürler :D

    YanıtlaSil
  4. Bu gibi ekip çalışmalarına gönülden destek olmak isterim. Muhteşem bir detaya değinmişsiniz hocam, tebrikler.

    Ayrıca en kısa zamanda blogumda uygulamaya koyacağım.

    YanıtlaSil
  5. hocam mentiaon ve tweelte butonunu sola kaydırmam gerek. kutudan taştı. nasıl yaparım ?

    YanıtlaSil
  6. bloggerda yazdığımız bir postu, twitter'da "konu başlığı"+"ilgili görsel" olarak paylaşabilme yöntemi var mı? Yani bunu elle tek tek değil de, örneğin linki facebook ta paylaştığında, konu başlığı url ve görselli bir şekilde, hoş bir biçimde paylaşıyorsun. bunun gibisi twitter da olmuyor mu?

    YanıtlaSil

Picardes

LİNKLER