Hiển thị hình ảnh bài viết vào meta og:image khi chia sẻ trên Facebook

Thảo luận trong 'Mã nguồn Xenforo - VBB' bắt đầu bởi admin, 6/5/17.

  1. admin

    admin Phạm Công Sơn Thành viên BQT

    Tham gia ngày:
    22/5/13
    Bài viết:
    4,239
    Đã được thích:
    937
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Mặc định của xenforo khi chia sẻ bài viết lên facebook, sẽ lấy hình ảnh avata của người đăng, hoặc logo của forum. Khiến bài viết khá xấu.

    Để lấy đúng hình ảnh hiển thị lên Facebook khi chia sẻ thì các bạn làm như sau:

    Bước 1: Vào ACP/ Options/ Facebook Integration đền thông tin quản trị FB vào dưới.
    • Facebook Application IDFacebook Application Secret thì các bạn vào trang FB sau để tạo Add a New App.
    Mã:
    https://developers.facebook.com
    
    create-new-app-id-facebook.png
    • Facebook Page Admins: Bạn điền ID trang admin của bạn vào (đây là id của admin được tích hợp trên facebook hoặc id của trang facebook bạn tạo cho forum đã tạo app ID ở bước trên)
    Chú ý: ID này là gì, đây là 1 ví dụ: www.facebook.com/profile.php?id=100002086007171

    Trường hợp các bạn đã đổi ID sang thành tên như www.facebook.com/username thì các bạn có thể vào trang findmyfbid.com để tìm ID của Facebook bạn.

    Bước 2: Vào open_graph_meta tìm 2 dòng sau:
    Mã:
    <xen:if is="{$avatar}"><meta property="og:image" content="{$avatar}" /></xen:if>
    <meta property="og:image" content="{xen:helper Fullurl, @ogLogoPath, 1}" />
    
    Thay thế bằng
    Mã:
    <xen:comment><xen:if is="{$avatar}"><meta property="og:image" content="{$avatar}" /></xen:if></xen:comment>
    <xen:comment><meta property="og:image" content="{xen:helper Fullurl, @ogLogoPath, 1}" /></xen:comment>
    
    Bước 3: Vào thread_view template tìm dòng sau:
    Mã:
    <xen:set var="$avatar">{xen:helper avatar, $thread, m, 0, 1}</xen:set>
    
    Thay thế bằng
    Mã:
    <xen:comment><xen:set var="$avatar">{xen:helper avatar, $thread, m, 0, 1}</xen:set></xen:comment>
    
     
    Cảm ơn đã xem bài:

    Hiển thị hình ảnh bài viết vào meta og:image khi chia sẻ trên Facebook

    danh sách diễn đàn rao vặt gov chất lượng


Like và Share ủng hộ ITSEOVN