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
    Tham gia ngày:
    22/5/13
    Bài viết:
    4,878
    Đã được thích:
    1,193
    Đ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

  2. ingiacucre
    Tham gia ngày:
    18/6/19
    Bài viết:
    21
    Đã được thích:
    0
    Điểm thành tích:
    6
    Giới tính:
    Nữ
    thank chủ thớt. Rất đáng để xem
     
  3. suckhoecuaban94
    Tham gia ngày:
    20/6/19
    Bài viết:
    19
    Đã được thích:
    0
    Điểm thành tích:
    1
    Giới tính:
    Nam
    Thank chủ thớt. Chia sẽ bài viết quá hay. đúng cái đang cần
     
  4. muabandalat.vn
    Tham gia ngày:
    11/5/20
    Bài viết:
    13
    Đã được thích:
    1
    Điểm thành tích:
    3
    Giới tính:
    Nam
    em làm hoài mà vẫn không ra được thẻ :<meta property="og:image" content="