Przycisk udziału Facebook: jak zaimplementować

Question

Próbuję dowiedzieć się, jak zaimplementować przycisk Udostępnij dokładnie tak, jak jest on implementowany here. Chcę umożliwić użytkownikom publikowanie linku do kanału informacyjnego bez konieczności posiadania jakichkolwiek uprawnień aplikacji z opcjonalnym tekstem, który mogą do niego dodać. Jak to zrobił BuzzFeed? Dokumentacja na Facebooku jest dla mnie bardzo dezorientująca, dlatego sam mam problemy z jej implementacją. Byłoby wspaniale, gdyby ktoś mógł po prostu zaplanować niezbędne kroki. Co dokładnie muszę umieścić na mojej stronie HTML? Czy muszę utworzyć aplikację na Facebooku?

Answer 1

Aby udostępnić swoją stronę internetową, nie potrzebujesz, aby utworzyć aplikację na Facebooku.

można po prostu umieścić, że Facebook-Share tam z href = "http://www.facebook.com/sharer.php?u=<your url>"

Facebooka jak przycisk pozwala na udostępnianie, jak również. Kod generujący to dla Twojej witryny jest w official documentation.

Answer 2

Jeśli chcesz dostosować tę stronę zakładowego, spróbuj tego:

Javascript Popup Przykład:

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(); 

Answer 3

To, co działa.

w HTML:

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

Gdzie wymienić http://google.com z adresu URL.

w PHP, jeśli chcesz go wyciągnąć url jesteś na:

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

Answer 4

edytować stronę chcesz być dzielone, dodać te meta tagi w głowie się.

<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 "/> 

Istnieje lista właściwości og innych niż te tutaj- http://ogp.me/

Następny wstawić to gdzie chcesz przycisk Udostępnij na swojej stronie

<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> 

Oczywiście wyjąć XXX i pozostawić "", jeśli zmienisz którekolwiek z powyższych podczas testowania, będziesz musiał przejść do debugera facebooka i debugować go, ponieważ czasami trzyma się oryginalnej treści.

nadzieję, że to pomaga