Nút chia sẻ Facebook: cách triển khai

Question

Tôi đang cố gắng tìm hiểu cách triển khai nút Chia sẻ chính xác như cách được triển khai here. Tôi muốn khả năng cho phép người dùng đăng liên kết đã cho tới nguồn cấp dữ liệu tin tức của họ mà không yêu cầu bất kỳ loại quyền ứng dụng nào với một số văn bản tùy chọn mà họ có thể thêm vào đó. BuzzFeed đã làm điều đó như thế nào? Tài liệu trên Facebook rất khó hiểu với tôi, đó là lý do tại sao tôi lại gặp khó khăn khi tự mình thực hiện nó. Sẽ thật tuyệt nếu ai đó chỉ có thể bố trí các bước cần thiết để thực hiện. Chính xác những gì tôi cần phải đưa vào trang HTML của tôi? Tôi có cần tạo ứng dụng Facebook không?

Answer 1

Để chia sẻ trang web của bạn, bạn không cần để tạo ứng dụng facebook.

Bạn chỉ có thể đặt rằng hình ảnh Facebook chia sẻ đó, với nút như một href = "http://www.facebook.com/sharer.php?u=<your url>"

của Facebook cho phép chia sẻ là tốt. Mã để tạo trang web đó cho trang web của bạn nằm trong số official documentation.

Answer 2

Nếu bạn muốn tùy chỉnh mà trang chia sẻ, hãy thử này:

Javascript Popup Ví dụ:

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

Đây là những gì hoạt động.

trong HTML:

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

đâu bạn thay thế http://google.com với URL của bạn.

trong PHP, nếu bạn muốn nó kéo url bạn đang ở trên:

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

Answer 4

Chỉnh sửa trang web mà bạn muốn được chia sẻ, thêm chúng vào các thẻ meta trong đầu.

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

Có một danh sách các thuộc tính og khác hơn là những đây- http://ogp.me/

Tiếp chèn nơi bạn muốn nút chia sẻ trên trang của bạn,

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

Rõ ràng đưa ra của xxx và để lại "", nếu bạn thay đổi bất kỳ điều nào ở trên trong khi thử nghiệm, bạn có thể phải truy cập vào trình gỡ lỗi facebook và gỡ lỗi nó đôi khi giữ lại nội dung gốc.

hy vọng điều này giúp