"/>"/>
Yazılım Dilleri
Asp.Net 4.5 Kitabı
Skip Navigation Links

Asp.Net Web Helper ile Facebook, Twitter, Gravatar İşlemleri

Asp.Net Web Helper ile siteni Facebook, Twitter, Gravatar gibi uygulamalarla kolaylıkla nasıl entegre edebilirsiniz, öğrenelim.

Asp.Net projelerinde dünya çapında kullanılan web uygulamalarına bağlanarak çalışmanız gereken durumlar olabilir. Örneğin sitenize Facebook beğen butonu koyabilir, kişinin profil resmini Gravatar’dan alabilir, sitenize Twitter timeline koyabilirsiniz. Bunların her biri için ayrı ayrı araştırma yapmanız, her sitenin development dokümanlarını okuyup kodlama yapmanız gerekmekteydi. İdi dememin sebebi, Microsoft’un Web Helper kütüphanesine kadar böyleydi :) Microsoft Web Helper ile bu işlemler tek noktada toplandı ve kolay kullanılabilir hale getirildi.

Microsoft Web Helper kütüphanesini NuGet ile projenize ekleyebilirsiniz.

nuget package manager

Kütüphane NuGet’te ASP.NET Web Helpers Library olarak tanımlanmaktadır.

Nuget ile ASP.NET Web Helpers Library indirme

Kurulumları tamamladıktan sonra projenize işlem yapacağımız sayfaları ekleyelim (Razor Web Page).

- Facebook.cshtml

- Gravatar.cshtml

- LinkPaylas.cshtml

- Twitter.cshtml

Microsoft Web Helper Facebook İşlemleri

Önce Facebook işlemlerinden başlayalım. Facebook işlemleri Facebook sınıfı altında yer alan metodlar ile yapılmaktadır.

Siteye Facebook Like (Beğen) Butonu Ekleme

Bu işlem için kütüphane içinde yer alan Facebook sınıfının LikeButton metodunu kullanacağız. Parametre olarak hangi sitenin beğenme butonunun yer almasını istiyorsanız onu yazabilirsiniz.

@Facebook.LikeButton("http://www.ugurkizmaz.com")

ASP.NET Web Helpers Library Facebook Like Button

Siteye Facebook Aktivitelerini Ekleme

Sayfanıza sitenizle ilgili Facebook’ta yer alan aktiviteleri ekleyebilirsiniz. Bu işlemi Facebook sınıfının ActivityFeed metodu ile gerçekleştireceğiz. Parametre olarak hangi sitenin feedlerini almak istiyorsanız onu yazabilirsiniz.

@Facebook.ActivityFeed("http://www.yazilimdilleri.net")

ASP.NET Web Helpers Library Facebook Activity Feed

Siteye Facebook Recommendations (Tavsiyeleri) Ekleme

Sayfanıza sitenizle ilgili Facebook’ta yer alan tavsiyeleri ekleyebilirsiniz. Bu işlemi Facebook sınıfının Recommendations metodu ile gerçekleştireceğiz. Parametre olarak hangi sitenin tavsiyelerini almak istiyorsanız onu yazabilirsiniz.

@Facebook.Recommendations("http://www.yazilimdilleri.net")

ASP.NET Web Helpers Library Facebook Recommendations

 

Microsoft Web Helper Twitter İşlemleri

Şimdi Twitter işlemlerine göz atalım. Twitter işlemleri Twitter sınıfı altında yer alan metodlar ile yapılmaktadır.

Siteye Tweet Butonu Ekleme

Sayfanızı ziyaret eden kullanıcıların sayfayı twitter üzerinden paylaşması için sayfaya Tweet butonu ekleyebilirsiniz. Bu işlem için kütüphane içinde yer alan Twitter sınıfının TweetButton metodunu kullanacağız.

@Twitter.TweetButton()

ASP.NET Web Helpers Library Twitter Tweet Button

Siteye Twitter Takip Et Butonu Ekleme

Sayfanı ziyaret eden kullanıcıların twitter hesabınızı takip etmeleri için sayfana Twitter’dan Takip Et (Follow me on Twitter) butonu ekleyebilirsiniz. Bu işlem için kütüphane içinde yer alan Twitter sınıfının FollowButton metodunu kullanacağız. Parametre olarak takip edilecek twitter hesabının kullanıcı adını belirtiyoruz.

@Twitter.FollowButton("vukizmaz")

ASP.NET Web Helpers Library Twitter Takip Et Butonu

 

Microsoft Web Helper Gravatar İşlemleri

Şimdi Gravatar işlemlerine göz atalım. Gravatar işlemleri Gravatar sınıfı altında yer alan metodlar ile yapılmaktadır.

Siteye Gravatar Profil Resmini Ekleme

Sitenize üye olan kullanıcıların sitenize resim yüklemesi yerine Gravatar’da yer alan profil resmini kullanmak isteyebilirsiniz. Bu işlem için kullanıcının Gravatar’a kayıt olduğu e-posta adresini bilmeniz yeterli olacaktır. Gravatar sınıfının GetHtml metoduna parametre olarak e-posta adresini belirtip kişinin profil resmini alabilirsiniz.

@Gravatar.GetHtml("veyselugurkizmaz@hotmail.com")

ASP.NET Web Helpers Library Gravatar profil resmi

Resim varsayılan olarak 80 x 80 px olarak gelmektedir. İsterseniz daha büyük boyutlu bir profil resmi de alabilirsiniz. Bunun için GetHtml metodununa ikinci parametre olarak istediğiniz resim boyutunu yazınız.

@Gravatar.GetHtml("veyselugurkizmaz@hotmail.com",200)

ASP.NET Web Helpers Library Gravatar büyük profil resmi

Sitene Paylaş Butonu Ekle

Sayfanıza giren kullanıcıların sayfanızı sosyal medyada paylaşabilmesi için paylaşma linkleri ekleyebilirsiniz. Paylaşım yapılabilen siteler:

- Delicious.com
- Digg.com
- Facebook.com
- Reddit.com
- Stumbleupon.com
- Twitter.com

Bu işlemi LinkShare sınıfının GetHtml metodu ile gerçekleştirebilirsiniz. Parametre olarak sayfa başlığını yazınız.

@LinkShare.GetHtml("Veysel Uğur KIZMAZ'ın Kişisel Blogu")

ASP.NET Web Helpers Library Siteni Paylaş Butonları

Not: Resimde Delicious.com ve Digg.com’un logoları görünmüyor. Bu iki site, buton resimlerini bulunduğu yerden kaldırmışlar :)

Örneğin Facebook linkine tıkladığımızda link paylaşım ekranı açılmaktadır.

ASP.NET Web Helpers Library Facebook Siteyi Paylaş Butonu

 

Yepyeni makalelerde görüşmek dileğiyle :)

Veysel Uğur KIZMAZ
Bilgisayar Mühendisi
veysel@ugurkizmaz.com
www.ugurkizmaz.com

 

 

 

 

 

 

 

 

 

 

 

Yorumlar (1)

  1. Avatar
    murat can

    21.08.2014

    asp.net html kısmına nasıl ekliyoruz bu kodları? @LinkShare.GetHtml("Veysel Uğur KIZMAZ'ın Kişisel Blogu") burda mvc örneği sanırım

Yorum Yap

Mail listesine katılmak için tıklayınız

Hakkımdaki son bilgilere anlık erişmek için mail listesine katılabilirsiniz.