Hướng Dẫn Nhúng Trang Plugin Fanpage Cho Xenforo

Tuy Hòa Plus - Nhúng Trang Plugin Fanpage Cho Xenforo

https://developers.facebook.com/docs/plugins/page-plugin

Plugin Trang cho phép bạn dễ dàng nhúng và quảng cáo bất kỳ Trang Facebook công khai nào trên trang web của bạn. Giống như trên Facebook, khách truy cập có thể thích và chia sẻ Trang mà không cần rời khỏi trang web của bạn.


Chủ đề liên quan: Câu hỏi thường gặp về plugin xã hội | Các plugin xã hội khác

Cài đặt
Ngoài những cài đặt trên, bạn cũng có thể thay đổi các cài đặt sau:

Cài đặt Thuộc tính HTML5 Mô tả Mặc định

Các tab sẽ hiển thị, nghĩa là timeline, events, messages. Sử dụng danh sách được phân tách bằng dấu phẩy để thêm nhiều tab, nghĩa là timeline, events.

Ẩn nút kêu gọi hành động tùy chỉnh (nếu có)

Sử dụng tiêu đề nhỏ

Cố gắng điều chỉnh cho vừa với chiều rộng vùng chứa

Thuộc tính không dùng nữa

• Thuộc tính data-show-posts không được dùng nữa. Vui lòng sử dụng thuộc tính tabs/data-tabs và sử dụng giá trị timeline để hiển thị những bài viết từ dòng thời gian của Trang.

Thêm plugin Trang vào trang web
Cấu hình tiêu chuẩn của plugin Trang chỉ bao gồm tiêu đề và ảnh bìa. Kích thước này lý tưởng để quảng cáo Trang của bạn trong không gian nhỏ, chẳng hạn như đầu thanh bên.


<divclass="fb-page"
data-href="https://www.facebook.com/facebook"
data-width="380"
data-hide-cover="false"
data-show-facepile="false"></div>

Kêu gọi hành động
Nếu trang của bạn có nút kêu gọi hành động tùy chỉnh, nút này sẽ được hiển thị thay cho nút kêu gọi hành động mặc định là nút Chia sẻ.

Nếu chiều rộng của plugin nhỏ hơn 280px, nút Chia sẻ mặc định sẽ được hiển thị để ngăn thiết kế bị mất cân đối trong các bản dịch khác nhau.

Các tab của Trang: Dòng thời gian, Sự kiện & Tin nhắn
Bây giờ, bạn có thể có các tab dòng thời gian, sự kiện và tin nhắn trên plugin:

• Tab Dòng thời gian: Sẽ hiển thị các bài viết gần đây nhất trên dòng thời gian của Trang Facebook.
• Tab Sự kiện: Mọi người có thể theo dõi các sự kiện trên trang của bạn và đăng ký sự kiện từ plugin.
• Tab Tin nhắn: Mọi người có thể gửi tin nhắn đến trang ngay từ trang web của bạn. Mọi người cần đăng nhập để sử dụng tính năng này.

Bật Nhắn tin trên Trang của bạn
Để bật nhắn tin trên trang Facebook, hãy đi tới Settings của Trang. Trong hàng Messages, hãy chọn Cho phép mọi người liên hệ riêng với Trang của tôi bằng cách hiển thị nút Tin nhắn (Liên kết trực tiếp: https://www.facebook.com/{your-page-name}/settings/?tab=settings&section=messages&view).

Thêm nhiều tab
Sử dụng danh sách được phân tách bằng dấu phẩy trong thuộc tính data-tabs để thêm nhiều tab:

<divclass="fb-page"
data-tabs="timeline,events,messages"
data-href="https://www.facebook.com/YoloBookStore"
data-width="380"
data-hide-cover="false"></div>

Một tab
Bạn cũng có thể chỉ thêm một tab hiển thị timeline, events hoặc messages:

<divclass="fb-page"
data-tabs="events"
data-href="https://www.facebook.com/YoloBookStore"
data-width="380"></div>

Chiều rộng thích ứng

Theo mặc định, plugin sẽ điều chỉnh cho phù hợp với width của vùng chứa chính khi tải trang (tối thiểu 180px / tối đa 500px), hữu ích để thay đổi bố cục:

<divstyle="width:190px;">
<!-- Page plugin's width will be 190px -->
<divclass="fb-page"data-href="{url}"data-width="420"></div>
</div>
Nếu width của thành phần chính lớn hơn width của plugin Trang, nó sẽ duy trì giá trị được xác định trong data-width:

<divstyle="width:600px;">
<!-- Page plugin's width will be 500px -->
<divclass="fb-page"data-href="{url}"data-width="500"></div>
</div>
Plugin sẽ không bao giờ được nhỏ hơn 180px:

<divstyle="width:100px;">
<!-- Page plugin's width will be 180px -->
<divclass="fb-page"data-href="{url}"data-width="320"></div>
</div>
Có thể tắt chiều rộng thích ứng bằng cách bỏ chọn Điều chỉnh cho phù hợp với chiều rộng vùng chứa plugin và plugin sẽ được hiển thị ở chiều rộng đã chỉ định bất kể vùng chứa chính.

Không thay đổi kích thước động
Plugin Trang hoạt động với các bố cục tĩnh, linh hoạt và phản hồi nhanh. Bạn có thể sử dụng truy vấn phương tiện hoặc các phương thức khác để đặt width của thành phần chính nhưng:

• Plugin sẽ xác định widthkhi tải trang
• Plugin sẽ không phản hồi các thay đổi đối với mô hình hộpsau khi tải trang.

Nếu bạn muốn điều chỉnh width của plugin khi thay đổi kích thước cửa sổ, bạn cần hiển thị lại plugin theo cách thủ công.

Hiển thị khuôn mặt của bạn bè
Hiển thị những người thích Trang của bạn bằng ảnh đại diện của người thực thay vì chỉ hiển thị một con số. Những người truy cập Trang của bạn sẽ nhìn thấy số lượng bạn bè thích Trang cũng như ảnh đại diện của họ.

Bạn có thể kích hoạt tùy chọn này bằng cách chọn Show Friend's Faces trong bộ cấu hình.


<divclass="fb-page"
data-href="https://www.facebook.com/imdb"
data-width="340"
data-hide-cover="false"
data-show-facepile="true"></div>
Trang hạn chế quyền riêng tư
Không thể nhúng các Trang Facebook có các hạn chế quyền riêng tư.

Thay đổi ngôn ngữ
Bạn có thể thay đổi ngôn ngữ của plugin Trang 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 thay đổi giá trị của js.src để sử dụng ngôn ngữ của bạn. Thay thế en_US bằng ngôn ngữ của bạn, ví dụ: ru_RU cho tiếng Nga (Nga):


Ví dụ
js.src ="https://connect.facebook.net/ru_RU/sdk.js#xfbml=1&amp;version=v2.5";
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 đ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. Bạn có thể tìm thêm thông tin trên trang Bản địa hóa & dịch của chúng tôi.