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

THB

Founder
Thành viên BQT
Tham gia
25/02/2015
Bài viết
6,650
Được Like
3,939
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:
fb0000.jpg


Mã:
</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ả:

fb0001.jpg

chúc thành công!
 

2L.Ohayo

Moderator
Thành viên BQT
Tham gia
08/03/2015
Bài viết
761
Được Like
835
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

Founder
Thành viên BQT
Tham gia
25/02/2015
Bài viết
6,650
Được Like
3,939
có ok ko em?
nếu ok thì tốt. đỡ tốn công.
 

2L.Ohayo

Moderator
Thành viên BQT
Tham gia
08/03/2015
Bài viết
761
Được Like
835
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 :))
 

THB

Founder
Thành viên BQT
Tham gia
25/02/2015
Bài viết
6,650
Được Like
3,939
cho cái code luôn đi em
 

2L.Ohayo

Moderator
Thành viên BQT
Tham gia
08/03/2015
Bài viết
761
Được Like
835
Code giống của anh thôi mà
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

MasterCorporal
Tham gia
23/06/2015
Bài viết
221
Được Like
101
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

Mã:
</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

MasterCorporal
Tham gia
03/03/2015
Bài viết
204
Được Like
142
Code giống của anh thôi mà
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ỉ :(
 

Đính kèm

  • 1.png
    1.png
    117.2 KB · Lượt xem: 75
  • Like
Reactions: THB

2L.Ohayo

Moderator
Thành viên BQT
Tham gia
08/03/2015
Bài viết
761
Được Like
835
Enable Facebook Like / Recommend Feature trong options > Facebook Integration chưa?
 
  • Like
Reactions: THB

2L.Ohayo

Moderator
Thành viên BQT
Tham gia
08/03/2015
Bài viết
761
Được Like
835
Vậy thử cách của anh THB ở trên xem
 

Chấm

MasterCorporal
Tham gia
03/03/2015
Bài viết
204
Được Like
142

2L.Ohayo

Moderator
Thành viên BQT
Tham gia
08/03/2015
Bài viết
761
Được Like
835
Thêm dòng này trên đoạn code kia
<xen:container var="$facebookSdk">1</xen:container>
 

lanhhuyettu

Corporal
Tham gia
10/03/2015
Bài viết
198
Được Like
110
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
Mã:
<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

Founder
Thành viên BQT
Tham gia
25/02/2015
Bài viết
6,650
Được Like
3,939
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 ý.
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mr. Tuấn

Mobile/Zalo: 0988 488 096

Telegram: bluekpro

Email: [email protected]

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Top Bottom