2012-11-04 24 views
9
'un nasıl uygulanacağı

Share (Paylaş) düğmesinin nasıl uygulandığıyla tam olarak nasıl çalıştığını anlamaya çalışıyorum here. Kullanıcılara, yayınlayabilecekleri bazı isteğe bağlı metinlerle herhangi bir uygulama izni gerektirmeden, haber bültenlerine belirli bir bağlantı göndermelerine izin vermek istiyorum. BuzzFeed bunu nasıl yaptı? Facebook belgeleri benim için çok kafa karıştırıcı, bu yüzden kendimi uygulamakta zorlanıyorum. Birisi sadece almak için gereken adımları düzenleyebilirse harika olurdu. HTML sayfamda tam olarak neye ihtiyacım var? Bir Facebook uygulaması oluşturmam gerekiyor mu?Facebook paylaş düğmesi:

cevap

8

Web sayfanızı paylaşmak için, bir facebook uygulaması oluşturmak için 'un'a ihtiyacınız yoktur.

Sadece yanı paylaşarak birlikte href = "http://www.facebook.com/sharer.php?u=<your url>"

Facebook'un gibi düğmesiyle, oradaki Facebook paylaşım görüntüsünü koyabilir. Web siteniz için oluşturacak kod official documentation'dadır. Eğer paylaşan sayfasını özelleştirmek istiyorsanız

+0

Evet, gerçekten tüm ihtiyacım olan yani yardımcı olur? JS'den ne haber? Web sayfama herhangi bir facebook js eklemem gerekmiyorsa fb açılır penceresi nasıl görünür? –

+0

Bkz. Http://jsfiddle.net/ER4Zy/. Javascript yok sadece HTML. Ama "beğen" düğmesini kullanabilirsin. Bu, paylaşım düğmesi gibi benzer işlev görür. –

+0

Anladım. Gönderide görüntülenen resmin yanı sıra bağlantının metin açıklamasını belirtmenin herhangi bir yolu var mı? –

2

, şunu deneyin:

JavaScript Popup Örnek:

var title = 'My Title'; 
var summary = 'This is my summary'; 
var url = 'http://www.mydomain.com/path/to/page'; 
var image = 'http://www.mydomain.com/images/myimage.png'; 

var fb = window.open('http://www.facebook.com/sharer.php?s=100&p[title]='+encodeURIComponent(title)+'&p[url]='+encodeURIComponent(url)+'&p[summary]='+encodeURIComponent(summary)+'&p[images][0]='+encodeURIComponent(image)); 
fb.focus(); 
1

Bu işleri budur. HTML

: Eğer URL ile http://google.com yerine

<a href="http://www.facebook.com/sharer.php?u=<http://google.com">Facebook Link</a> 

. PHP'de

, bunu sen Hangi url çekin isterseniz:

<a href="http://www.facebook.com/sharer.php?u=<<?php echo "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]"; ?>">Facebook</a> 
5

Düzenleme paylaşılan istediğiniz sayfa kafasından meta etiketleri için bu ekleyin. Bu burada-http://ogp.me/

Sonraki dışındaki og özelliklerin listesi sayfanızda paylaş düğmesini istediğiniz yere bu insert yoktur

<meta property="og:image" content="http://www. XXXX url of a jpg image you want to be displayed on shared content has to be 200x200 pixels (make it in photoshop ect.) XXXX"/> 
<meta property="og:title" content="xxxx A title you want to be dispayed in shared content xxxx"/> 
<meta property="og:url" content="http://www. url of the page you want shared including the slash after .com xxx .com/"/> 
<meta property="og:description" content="xxxx discription of the shared content xxx "/> 

,

Açıkçası
<a title="xxx Share mypage.com xxx" href="http://www.facebook.com/sharer.php? u=http://www. xxx url of page you edited above xxx .com &t=xxx a title you want to use xxx" target="_blank"><img src="http://www. xxx an image for the share button (make it in photoshop ect.)xxx" width="xx" height="xx" alt="Share"/></a> 

xxx en çıkarmak ve eğer test ederken yukarıdakilerden herhangi birini değiştirirseniz, facebook hata ayıklayıcıya gidip bazen orijinal içeriğe tutunmuş gibi hata ayıklamanız gerekebilir.

umut bu ben okudum ama arada :) gibi değil, Share arıyordu çünkü biraz karışık oldu

+0

bu mükemmel çalışıyor! – rohitnaidu19

İlgili konular