Tutorial 2x Chèn Comment Facebook vào Xenforo2

4,776 27 6
secpol

secpol

MasterCorporal
Tham gia
10/06/2016
Bài viết
223
Được Like
135
B1: Vào Template PAGE_CONTAINER tìm:
Mã: 
<body data-template="{$template}">

Chèn vào phía dưới:
Mã: 
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = 'https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.12&appId=FB_ID&autoLogAppEvents=1';
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

B2: Vào template thread_view tìm:
Mã: 
<xf:ad position="thread_view_below_messages" arg-thread="{$thread}" />

Chèn vào phía dưới:
Mã: 
<!-- comment fb -->
<div class="block-container">
   <h3 class="block-header">
       Bình luận bằng Facebook
   </h3>
   <div class="fb-comments" data-href="{{ link('full:threads', $thread) }}" data-width="100%" data-numposts="10" data-order-by="social" data-colorscheme="light"></div>
</div>
<!-- end comment fb -->

Note: thay FB_ID bằng ID của bạn lấy từ https://developers.facebook.com/apps
 
Sửa lần cuối:
Bài viết liên quan
Làm như thế nào để chèn code vào thẻ <head> trên xenforo vậy ạ? bởi gameboiz1806,
Cách thêm icon vào tiêu đề wiget và đổi màu bởi HyVong,
Thumbnail khi share lên facebook bởi hoaxoetaybac,
Cách chèn Meta keywords vào bài viết bởi virutmt,
Add 'Post Reply' & 'Post Thread' buttons to the top of thread view pages - Thêm nút 'Đăng trả lời' & 'Đăng chủ đề' vào đầu các trang xem chủ đề XF 2.2 bởi PVS,
Thay đổi hình hiển thị của link bài viết khi đăng lên facebook bởi oscarle,
Được quan tâm
Cách sửa lỗi You have reached the maximum limit for attachment - Giới hạn tối đa file đính kèm bởi Blue,
Bài viết mới
Cách sửa lỗi You have reached the maximum limit for attachment - Giới hạn tối đa file đính kèm bởi Blue,
Cách tạo trang như mạng xã hội bởi lucgiac,
Có cách nào không bị mã hóa bởi muabandalat,
hỏi về các file trong thư mục internal_data/attachments bởi ngoctuanvnnn,
Css đổi nền, ảnh, menu màu xám cho XenForo bởi LCB,
4 bước xây dựng MXH bằng XenForo cực đơn giản bởi LCB,
W

Win

MasterCorporal
Tham gia
15/02/2016
Bài viết
378
Được Like
171
Xen 2
Để không bị mất cmt khi thay đổi tiêu đề nên thay bằng.

data-href="{{ link('full:threads', $thread) }}"

Thành

data-href="{{ link('full:threads/'.($thread.thread_id)) }}"
 

Đính kèm

  • CodeVn.Net-FbComment-1.0.3.zip
    13 KB · Lượt xem: 31
Sửa lần cuối:
G

giaxaydung

Private
Tham gia
21/06/2015
Bài viết
8
Được Like
2
Cái addons bạn @Win post lên đã ai dùng chưa, review hộ anh/em đi sau với.
Thanks.
 
M

maxrena

Private
Tham gia
05/12/2017
Bài viết
26
Được Like
10
Cho mình hỏi là có cách nào sửa để cái ô comment của facebook nằm phía dưới ô comment của forum được ko bạn?
 
secpol

secpol

MasterCorporal
Tham gia
10/06/2016
Bài viết
223
Được Like
135
maxrena nói:
Cho mình hỏi là có cách nào sửa để cái ô comment của facebook nằm phía dưới ô comment của forum được ko bạn?
Nhấn để mở rộng...

Bạn chèn:

Mã: 
<!-- comment fb -->
<div class="block-container">
   <h3 class="block-header">
       Bình luận bằng Facebook
   </h3>
   <div class="fb-comments" data-href="{{ link('full:threads', $thread) }}" data-width="100%" data-numposts="10" data-order-by="social" data-colorscheme="light"></div>
</div>
<!-- end comment fb -->

Ở phía trên:

Mã: 
<div class="blockMessage blockMessage--none">

Trong temp thread_view
 
H

huynhvantam123

Corporal
Tham gia
28/08/2018
Bài viết
164
Được Like
43
cho em hỏi là trang của em tên miền thì không bị facebook chặn nhưng link bài thì lại bị chặn. Xin chỉ em hướng giải quyết hoặc kiến nghị thế nào ạ
 
H

huynhvantam123

Corporal
Tham gia
28/08/2018
Bài viết
164
Được Like
43
secpol nói:
B1: Vào Template PAGE_CONTAINER tìm:
Mã: 
<body data-template="{$template}">

Chèn vào phía dưới:
Mã: 
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = 'https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.12&appId=FB_ID&autoLogAppEvents=1';
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

B2: Vào template thread_view tìm:
Mã: 
<xf:ad position="thread_view_below_messages" arg-thread="{$thread}" />

Chèn vào phía dưới:
Mã: 
<!-- comment fb -->
<div class="block-container">
   <h3 class="block-header">
       Bình luận bằng Facebook
   </h3>
   <div class="fb-comments" data-href="{{ link('full:threads', $thread) }}" data-width="100%" data-numposts="10" data-order-by="social" data-colorscheme="light"></div>
</div>
<!-- end comment fb -->

Note: thay FB_ID bằng ID của bạn lấy từ https://developers.facebook.com/apps
Nhấn để mở rộng...
2 code trên em tìm hoài hok thấy cái chỗ để chèn FB_ID :(
 
NDK

NDK

MasterSergeant
Tham gia
16/03/2015
Bài viết
829
Được Like
742
huynhvantam123 nói:
2 code trên em tìm hoài hok thấy cái chỗ để chèn FB_ID :(
Nhấn để mở rộng...
Ông tìm ko ra chỗ nào mới đc ?
Ông ko thấy dòng đó để chèn thì tìm thẻ </body>, xong rồi chèn code vào trước thẻ đó là xong nhé
 
M

maxrena

Private
Tham gia
05/12/2017
Bài viết
26
Được Like
10
Chào bạn, cho mình hỏi mình bị cái lỗi ô facebook comment nó bị thu nhỏ như vầy, bạn xem xét giúp mình với.
RhdRsOA

FB-cmt-forum-00.png
 
H

huynhvantam123

Corporal
Tham gia
28/08/2018
Bài viết
164
Được Like
43
maxrena nói:
Chào bạn, cho mình hỏi mình bị cái lỗi ô facebook comment nó bị thu nhỏ như vầy, bạn xem xét giúp mình với.
RhdRsOA

FB-cmt-forum-00.png
Nhấn để mở rộng...
website nào có chèn bình luận bằng facebook thì đều bị tình trạng chung thế này
 
secpol

secpol

MasterCorporal
Tham gia
10/06/2016
Bài viết
223
Được Like
135
M

maxrena

Private
Tham gia
05/12/2017
Bài viết
26
Được Like
10
Xin chào, mình muốn hỏi là bản thân là người quản trị của forum mình, có cách nào để mình có thể xóa các comment từ facebook này không? Xin cảm ơn.
 
T

thahtrung06

Super Moderator
Thành viên BQT
Tham gia
12/11/2019
Bài viết
1,173
Được Like
513
maxrena nói:
Xin chào, mình muốn hỏi là bản thân là người quản trị của forum mình, có cách nào để mình có thể xóa các comment từ facebook này không? Xin cảm ơn.
Nhấn để mở rộng...
Bạn vào công cụ phát triển của facebook có chỗ để duyệt và xóa comment đó. Ngày trước mình dùng có tùy chọn đăng ngày comment hay phải thông qua duyệt để đăng comment facebook, xóa comment. Lâu ko dùng cái này nên ko có hình và link cụ thể cho bạn.
 
M

maxrena

Private
Tham gia
05/12/2017
Bài viết
26
Được Like
10
Cho mình hỏi thêm chút, mình không hiểu rõ lắm.
Cái bạn đang nói tới là nằm trong forum hay trên facebook vậy, để mình biết chỗ tìm.
 
Bạn phải đăng nhập hoặc đăng ký để bình luận.
Người đăng Chủ đề tương tự Diễn đàn Trả lời Ngày đăng
gameboiz1806 Help Làm như thế nào để chèn code vào thẻ <head> trên xenforo vậy ạ? Tips and Guides 2
muapho Help Tự động chèn trích dẫn vào comment khi bấm nút + Quote? Tips and Guides 1
THB Hướng dẫn video05 - chèn comment facebook dưới bài viết trong xenforo Tips and Guides 0
PVS Chèn Comment Facebook vào Xenforo Tips and Guides 31
PVS Hướng dẫn chèn comment facebook dưới bài viết trong xenforo Tips and Guides 0

Chủ đề tương tự


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

XenForo 1 XenForo 2
Translate by PVS
Xenforo là gì?
Xây dựng MXH bằng Xenforo

Dịch vụ XenForo của VNXF

anhanhxf     0906081284
Inbox PVS

Xử lý sự cố (Troubleshooting)

Texlink

Liên hệ đặt Textlink
Liên hệ đặt Textlink
Liên hệ đặt Textlink
Liên hệ đặt Textlink

Nhà Tài Trợ

Mút Xốp Không Gian
Mút Sofa Không Gian
Top Bottom