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

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 ID và Facebook Application Secret thì các bạn vào trang FB sau để tạo Add a New App.

Mã:

https://developers.facebook.com

​

• 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>