Addon Open Graph Image của Facebook hoặc og:image cho Forum và Thread

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,826
Được Like
12,687
Open Graph Image của Facebook hoặc og:image cho Forum và Thread 1.0.0

Open graph image của XenForo là sitewide và bạn không thể chỉ định hình ảnh khác cho các diễn đàn và chủ đề khác nhau. Nó trở nên nhàm chán trên các social media nơi mà hình ảnh là một phần chính của việc làm cho nội dung lan truyền.

Với add-on này, bạn có các open graph image khác nhau cho diễn đàn và chủ đề. Các open graph image của diễn đàn sẽ được tải lên qua FTP. Đối với chủ đề, admin và moderator có thể tải lên hình ảnh để được sử dụng làm open graph image hoặc chỉ định url bên ngoài.

Cài đặt add-on:
Tải về tập tin đính kèm và giải nén. Nó chứa một thư mục upload, tập tin XML có tên addon-OG.xml và tập tin Readme.html.

Bên trong thư mục upload có một thư mục library và thư mục data.

Tải lên các tập tin và thư mục bên trong thư mục upload vào thư mục gốc cài đặt XenForo trên máy chủ của bạn.

Bên trong thư mục data, có một thư mục nodesog. Đặt tất cả Open Graph Images cho mỗi diễn đàn ở định dạng FORUMID.jpg

Id diễn đàn là một trong những mà bạn nhìn thấy trong cửa sổ URL khi chỉnh sửa các node trong khu vực quản trị.

nodes-id-2.png

Như hình trên thì 6 là id node. Vì vậy, ogimage cho diễn đàn này sẽ được đặt là 6.jpg bên trong thư mục nodesog. (Giữ phần mở rộng dưới dạng máy chủ Unix và Linux phân biệt chữ hoa chữ thường và 6.JPG không giống với 6.jpg)

Bây giờ import tập tin .xml bằng cách sử dụng XenForo add-on importer.

Ảnh chụp màn hình

1_Facebook-Scrape-1.png

Thông tin Facebook Scrap

1_Edit_Thread-1.png

Chỉnh sửa một chủ đề và tải lên url ogimage. Bạn thậm chí có thể chỉ định một url bên ngoài cho ogimage.

Open graph Title chỉ trong trường hợp bạn không muốn sử dụng tiêu đề của chủ đề trên social media và muốn sử dụng tiêu đề tùy chỉnh cho chủ đề.

Ưu tiên cho OG Images

Mặc định og:image bên trong style properties sẽ không được sử dụng cho bất kỳ chủ đề hoặc diễn đàn nào và nó sẽ chỉ dành cho trang chủ và các diễn đàn và các trang chủ đề.

Đối với diễn đàn, hình ảnh trong thư mục nodesog sẽ được phục vụ cho open graph image.
Đối với chủ đề, thứ tự ưu tiên cho open graph image như sau:
  1. Lựa chọn đầu tiên là url của hình ảnh được chỉ định.
  2. Lựa chọn thứ hai là hình ảnh được tải lên cho chủ đề.
  3. Cuối cùng nó sẽ trở lại hình ảnh của diễn đàn.
Add-on không quan trọng quyền xem tập đính kèm, có nghĩa là ngay cả khi tập đính kèm được đặt thành chỉ hiển thị cho các thành viên, hình ảnh được tải lên qua add-on này sẽ hiển thị cho mọi người.

Kích thước ưa thích cho hình ảnh là gì?

Facebook khuyến cáo tỷ lệ chiều rộng và chiều cao là 1,91. Mình thích giữ nó ở chiều rộng 800px và chiều cao 418 px nhưng bạn có thể sử dụng bất kỳ kích thước ưa thích nào mà bạn chọn.

Lỗi tập đính kèm quá lớn?

Nếu bạn thấy một vấn đề của tập tin quá lớn khi cố gắng để tải lên một tập tin.

FileTooBigError.png

Đảm bảo cài đặt tập đính kèm của bạn cho phép tải lên tập lớn hơn.

FileTooBigError_Fix.png

Cài đặt giống nhau cho tất cả tệp đính kèm và nằm trong Admin > Options > Attachments.

Điều gì sẽ xảy ra nếu FB vẫn không thể kéo được og image?

Điều này có thể xảy ra ở những thời điểm khi FB không kéo mọi thứ từ máy chủ và sử dụng bộ nhớ cache của chính nó.

Xem mã nguồn của trang chủ đề để xem nó có chứa thẻ og:image không?

Nếu có, FB đang kéo dữ liệu từ bộ nhớ cache. Sử dụng công cụ gỡ lỗi của Facebook chia sẻ để rescrape nội dung từ máy chủ một lần nữa.

Nếu bạn không nhìn thấy thẻ og:image, bạn có thể đang sử dụng một chủ đề tuỳ chỉnh và template modification của mình không hoạt động như mong đợi.

Chúc các bạn thành công.


Nguồn: xenforo.com​
 

Đính kèm

  • ogimage.zip
    10 KB · Lượt xem: 74

snaillx

Private
Tham gia
04/08/2016
Bài viết
20
Được Like
13
Cái này bắt buộc phải đính kèm ảnh mới đươc đúng không bạn. Mình có làm thử cài addon tự lấy ảnh trong bài biết làm avata và sửa code lấy avata làm ảnh đại điện khi post lên MXH thấy cũng khá ổn
 
  • Like
Reactions: THB

THB

Founder
Thành viên BQT
Tham gia
25/02/2015
Bài viết
6,651
Được Like
3,939
cái này có vẻ hay nè.
ae dùng thử xem sao nhé.
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mr. Tuấn

Mobile/Zalo: 0988 488 096

Telegram: bluekpro

Email: [email protected]

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Top Bottom