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

Discussion in 'Add-ons Xenforo' started by PVS, Apr 24, 2017.

  1. PVS

    PVS Cộng Sự Đặc Biệt Staff Member

    Joined:
    Feb 28, 2015
    Messages:
    11,755
    Likes Received:
    7,003
    Trophy Points:
    113
    Gender:
    Male
    Location:
    Huế
    Home Page:
    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: bet365 có những phương thức nạp tiền nào_link vào bet365_điểm số trực tiếp bet365.com​
     

    Attached Files:

    THB and tuna like this.
  2. teamobi

    teamobi Thượng Đế

    Joined:
    Jul 18, 2015
    Messages:
    56
    Likes Received:
    36
    Trophy Points:
    18
    Cám ơn
     
    THB likes this.
  3. snaillx

    snaillx Thượng Đế

    Joined:
    Aug 4, 2016
    Messages:
    19
    Likes Received:
    13
    Trophy Points:
    3
    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
     
    THB likes this.
  4. THB

    THB Admin - Founder Staff Member

    Joined:
    Feb 25, 2015
    Messages:
    6,336
    Likes Received:
    3,550
    Trophy Points:
    113
    Gender:
    Male
    Occupation:
    CEO
    Location:
    Bình Dương
    Home Page:
    cái này có vẻ hay nè.
    ae dùng thử xem sao nhé.
     

Share This Page