Hướng dẫn hiện hình ảnh và mô ta khi chia sẻ lên facebook cho xenforo

[THB]

Bài này mình sẽ hướng dẫn các bạn hiện một hình ảnh trong bài viết và mô tả ngắn trong bài viết khi chia sẻ bài viết lên facebook. Với code nay bạn có thể trang hiện được hình ảnh và mô tả của bài viết khi chia sẻ lên facebook.

Cách thức hoạt đông:
Theo mình thì facebook sẽ hiện thông tin hình ảnh hay mô tả bài viết của bạn dựa vào các thẻ Meta có trong trang web của bạn để hiện ra ngoài.

Các bạn có thể vào Template: thread_view tìm đoạn code
<xen:container var="$head.openGraph">
....
</xen:container>
Và thay bang đoạn code dưới

<xen:container var="$head.openGraph"><xen:include template="open_graph_meta">
        <xen:set var="$url">{xen:link 'canonical:threads', $thread}</xen:set>
        <xen:set var="$title">{xen:helper threadPrefix, $thread, escaped}{$thread.title}</xen:set>
        <xen:set var="$description">{xen:helper snippet, $firstPost.message, 155}</xen:set>
        <xen:set var="$avatar">{xen:helper avatar, $thread, m, 0, 1}</xen:set>
</xen:include></xen:container>
<meta name="description" content="{xen:helper snippet, $firstPost.message, 155}" />

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

nguồn: iforum.vn​

 

[tpoclub]

Thanks bác, cái này có áp dụng được cho bài viết này không bác: http://vnxf.vn/threads/huong-dan-hi...e-len-facebook-cho-xenforo.614.html#post-1681


Của mình template thread_view thế này:

<xen:container var="$head.description">
<meta name="description" content="{xen:helper snippet, $firstPost.message, 155}" /></xen:container>
<xen:container var="$head.openGraph"><xen:include template="open_graph_meta">
<xen:set var="$url">{xen:link 'canonical:threads', $thread}</xen:set>
<xen:set var="$title">{xen:helper threadPrefix, $thread, escaped}{$thread.title}</xen:set>
<xen:set var="$description">{xen:helper snippet, $firstPost.message, 155}</xen:set>
<xen:set var="$avatar">{xen:helper avatar, $thread, m, 0, 1}</xen:set>
</xen:include></xen:container>
<xen:container var="$bodyClasses">{xen:helper nodeClasses, $nodeBreadCrumbs, $forum}{xen:if {$xenOptions.selectQuotable}, ' SelectQuotable'}</xen:container>
<xen:container var="$searchBar.thread"><xen:include template="search_bar_thread_only" /></xen:container>
<xen:container var="$searchBar.forum"><xen:include template="search_bar_forum_only" /></xen:container>

<xen:if is="{$canReply}">
<xen:comment><xen:topctrl>
<a href="{xen:link 'threads/reply', $thread}" class="callToAction"><span>{xenhrase reply_to_thread}</span></a>
</xen:topctrl></xen:comment>
</xen:if>

Đoạn mình tô đỏ là sửa như bác nói phải không bác?

 

[nttruong]

Thanks bác, cái này có áp dụng được cho bài viết này không bác: http://vnxf.vn/threads/huong-dan-hi...e-len-facebook-cho-xenforo.614.html#post-1681


Của mình template thread_view thế này:

<xen:container var="$head.description">
<meta name="description" content="{xen:helper snippet, $firstPost.message, 155}" /></xen:container>
<xen:container var="$head.openGraph"><xen:include template="open_graph_meta">
<xen:set var="$url">{xen:link 'canonical:threads', $thread}</xen:set>
<xen:set var="$title">{xen:helper threadPrefix, $thread, escaped}{$thread.title}</xen:set>
<xen:set var="$description">{xen:helper snippet, $firstPost.message, 155}</xen:set>
<xen:set var="$avatar">{xen:helper avatar, $thread, m, 0, 1}</xen:set>
</xen:include></xen:container>
<xen:container var="$bodyClasses">{xen:helper nodeClasses, $nodeBreadCrumbs, $forum}{xen:if {$xenOptions.selectQuotable}, ' SelectQuotable'}</xen:container>
<xen:container var="$searchBar.thread"><xen:include template="search_bar_thread_only" /></xen:container>
<xen:container var="$searchBar.forum"><xen:include template="search_bar_forum_only" /></xen:container>

<xen:if is="{$canReply}">
<xen:comment><xen:topctrl>
<a href="{xen:link 'threads/reply', $thread}" class="callToAction"><span>{xenhrase reply_to_thread}</span></a>
</xen:topctrl></xen:comment>
</xen:if>

Đoạn mình tô đỏ là sửa như bác nói phải không bác?

Đúng rồi bạn!

 

[thanhliem40]

trước đây tháng 6 mình vẫn dùng cách này được nhưng bây giờ thì không được nữa. Khắc phục bằng https://developers.facebook.com/tools/debug
cũng không được, nó báo lỗi: of type 'website' is invalid because a required property 'og:title' of type 'string' was not provided.
Bạn nào có cách sửa lỗi ko?