Plugin trích dẫn
Plugin trích dẫn cho phép mọi người chọn văn bản trên trang của bạn và thêm vào nội dung chia sẻ của họ để họ có thể kể câu chuyện có ý nghĩa hơn. Lưu ý rằng bạn không cần triển khai tính năng đăng nhập Facebook hoặc yêu cầu bất kỳ quyền bổ sung nào thông qua việc xét duyệt ứng dụng để sử dụng plugin này.
Chia sẻ trích dẫn dành cho web di động
Nếu bạn đang xây dựng một trang web cho web di động hoặc nút được cung cấp không phù hợp với thiết kế trang web, Hộp thoại chia sẻ trên web cũng hỗ trợ việc thêm trích dẫn vào chia sẻ liên kết.
Chia sẻ trích dẫn dành cho iOS & Android
Nếu ứng dụng của bạn dành riêng cho iOS hoặc Android, bạn nên sử dụng Hộp thoại chia sẻ riêng trên iOS và Hộp thoại chia sẻ riêng trên Android.
Dùng thử plugin
Chọn một phần của câu này để xem plugin hoạt động.
Mẫu mã
Điều chỉnh giá trị
data-href cho URL của trang web. Đảm bảo thẻ meta Open Graph được cập nhật và data-href dành cho plugin khớp với thuộc tính og:url.<html> <head> <title>Your Website Title</title> <!-- Comment #1: OG Tags --> <meta property="og:url" content="http://www.your-domain.com/your-page.html" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Your Website Title" /> <meta property="og:description" content="Your description" /> <meta property="og:image" content="http://www.your-domain.com/path/image.jpg" /> </head> <body> <!-- Comment #2: SDK --> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <!-- Comment #3: Content --> <h1>Your Headline</h1> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eget tristique nibh, vel consequat purus. Praesent molestie, turpis ut ultrices commodo, felis arcu cursus enim, vel porttitor ante quam vel lacus. Quisque at laoreet sapien. Proin nec purus dolor. Integer pharetra nec ligula a condimentum. Fusce sem orci, porta ut felis id, commodo imperdiet risus. </p> <!-- Comment #4: Plugin Code --> <div class="fb-quote"></div> </body> </html>
Bình luận về mã
OG Tags: Bạn có thể sử dụng thẻ open graph để tùy chỉnh bản xem trước liên kết.SDK: Tải SDK Facebook dành cho JavaScript.Content: Nội dung trang của bạn.Plugin Code: Mã plugin trích dẫn từ bộ cấu hình. Bạn có thể đặt mã này ở bất kỳ đâu trong tài liệu và mã sẽ chỉ hiển thị khi bạn đánh dấu văn bản trong vùng chứa đó. Trong ví dụ này, mã chỉ hiển thị khi bạn đánh dấu văn bản trong phần nội dung
Điều chỉnh ngôn ngữ
Bạn có thể điều chỉnh ngôn ngữ của trích dẫn bằng cách tải phiên bản được bản địa hóa của SDK Facebook dành cho JavaScript. Khi bạn tải SDK, hãy điều chỉnh giá trị
js.src để sử dụng ngôn ngữ của bạn: Chỉ cần thay thế en_US bằng ngôn ngữ của bạn, ví dụ: fr_FR cho tiếng Pháp (Pháp):js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.6";
Các ngôn ngữ được hỗ trợ được tham chiếu trong tệp XML ngôn ngữ Facebook. Bạn có thể cần phải điều chỉnh chiều rộng của plugin xã hội để sử dụng các ngôn ngữ khác nhau
Xem thêm :
https://developers.facebook.com/docs/plugins/quote
Post a Comment