[hướngdẫn] Tích hợp Facebook Comment vào Xenforo

[THB]

Tích hợp Facebook comment là một chức năng rất hữu dụng, giúp mọi người có thể bình luận và chia sẻ nội dung trên forum của bạn lên facebook của họ. vnxf sẽ hướng dẫn các bạn cài đặt và sử dụng plugin này.
Mở template message chèn đoạn code sau vào cuối:

</li>

<li id="{$messageId}" class="message {xen:if $message.isDeleted, 'deleted'} {xen:if '{$message.is_admin} OR {$message.is_moderator}', 'staff'} {xen:if $message.isIgnored, ignored}" data-author="{$message.username}">
<div class="comment_fbdiv" ></div>
<div id="fb-root"></div>
<div class="fb-comments" data-href="http://vnxf.tk/{xen:link threads, $thread}" data-num-posts="10" data-width="750"></div>
</li>

- Lưu ý:nhớ thay link
http://vnxf.tk/ bằng
domain của bạn & data-width="750" bằng con số phù hợp.

kết quả:

chúc thành công!

 

[2L.Ohayo]

Em xin có ý kiến là phần data-href = "http://vnxf.tk/{xen:link threads, $thread}" nên sửa lại thành data-href="{xen:link full:threads, $thread}", sẽ đỡ phải mất công sửa lại cho từng site

 

[THB]

có ok ko em?
nếu ok thì tốt. đỡ tốn công.

 

[2L.Ohayo]

Trước giờ em vẫn dùng vậy mà. Mà facebook cập nhật Graph API mới rồi, thêm data-version="v2.3" để trải nghiệm phiên bản comment mới )

 

[2L.Ohayo]

 

[THB]

cho cái code luôn đi em

 

[2L.Ohayo]

Code giống của anh thôi mà

<div id="{$messageId}" class="message {xen:if $message.isDeleted, 'deleted'} {xen:if '{$message.is_admin} OR {$message.is_moderator}', 'staff'} {xen:if $message.isIgnored, ignored}" data-author="{$message.username}">
<div style="background-color: rgb(31, 95, 161); color: #FFFFFF; padding: 10px; font-weight: bold; font-size: 14px;">BÌNH LUẬN</div>
<div id="fb-root"></div>
<div class="fb-comments" data-href="{xen:link full:threads, $thread}" data-num-posts="5" data-width="810" data-version="v2.3"></div>
</div>

 

[nghiapro]

Tích hợp Facebook comment là một chức năng rất hữu dụng, giúp mọi người có thể bình luận và chia sẻ nội dung trên forum của bạn lên facebook của họ. vnxf sẽ hướng dẫn các bạn cài đặt và sử dụng plugin này.
Mở template message chèn đoạn code sau vào cuối:
View attachment 4550

</li>

<li id="{$messageId}" class="message {xen:if $message.isDeleted, 'deleted'} {xen:if '{$message.is_admin} OR {$message.is_moderator}', 'staff'} {xen:if $message.isIgnored, ignored}" data-author="{$message.username}">
<div class="comment_fbdiv" ></div>
<div id="fb-root"></div>
<div class="fb-comments" data-href="http://vnxf.tk/{xen:link threads, $thread}" data-num-posts="10" data-width="750"></div>
</li>

- Lưu ý:nhớ thay link
http://vnxf.tk/ bằng
domain của bạn & data-width="750" bằng con số phù hợp.

kết quả:

View attachment 4551
chúc thành công!

dỗi màu chử sao bác

 

[Chấm]

Code giống của anh thôi mà

<div id="{$messageId}" class="message {xen:if $message.isDeleted, 'deleted'} {xen:if '{$message.is_admin} OR {$message.is_moderator}', 'staff'} {xen:if $message.isIgnored, ignored}" data-author="{$message.username}">
<div style="background-color: rgb(31, 95, 161); color: #FFFFFF; padding: 10px; font-weight: bold; font-size: 14px;">BÌNH LUẬN</div>
<div id="fb-root"></div>
<div class="fb-comments" data-href="{xen:link full:threads, $thread}" data-num-posts="5" data-width="810" data-version="v2.3"></div>
</div>

Sao nó k hiện nhỉ

 

[2L.Ohayo]

Enable Facebook Like / Recommend Feature trong options > Facebook Integration chưa?

 

[Chấm]

Enable Facebook Like / Recommend Feature trong options > Facebook Integration chưa?

Rồi anh ạ...

 

[2L.Ohayo]

Vậy thử cách của anh THB ở trên xem

 

[Chấm]

Vậy thử cách của anh THB ở trên xem

K cách nào được luôn ...

 

[nghiapro]

Vậy thử cách của anh THB ở trên xem

Đổi màu chữ sao ?

 

[2L.Ohayo]

K cách nào được luôn ...

Revert template share_page thử xem

 

[Chấm]

Revert template share_page thử xem

Này ngộ lắm a
Topic nào mà có xài BBCode nhúng media từ fb thì nó mới hiện cmt = fb
Còn topic nào k xài BBCode đó thì nó k hiện
A nhìn nè
http://fa-fml.com/index.php?threads/mot-ngay-cua-mot-chu-cho-hoang-nhu-the-nao.17/
Video nhúng media từ fb (hiện)
http://fa-fml.com/index.php?threads/sypex-dumper-pro-2-0-11.24/
Còn này thì k hiện

 

[2L.Ohayo]

Thêm dòng này trên đoạn code kia
<xen:container var="$facebookSdk">1</xen:container>

 

[Chấm]

Thêm dòng này trên đoạn code kia
<xen:container var="$facebookSdk">1</xen:container>

Được rồi.
Cảm ơn anh nha

 

[lanhhuyettu]

code của thớt sao thừa 1 thẻ đóng </li> vậy
Dùng code này để comment chỉ hiện ở bài đầu tiên (giảm load trang) và responsive trên mobile

<xen:if is="{$message.isFirst}">
<li id="{$messageId}" class="message {xen:if $message.isDeleted, 'deleted'} {xen:if '{$message.is_admin} OR {$message.is_moderator}', 'staff'} {xen:if $message.isIgnored, ignored}" data-author="{$message.username}"> <div class="comment_fbdiv" ></div> <div id="fb-root"></div> <div class="fb-comments" data-href="{xen:link full:threads, $thread}"  data-num-posts="10" data-width="100%"></div> </li>
</xen:if>

 

[THB]

Ok thanks e.
Mọi người dùng thử xem có ok ko nha. Nếu tốt hơn thì mình chỉnh lại ở #1.
Thanks mọi người góp ý.