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

3,896 23 5
secpol

secpol

MasterCorporal
Tham gia
10/06/2016
Bài viết
223
Được Like
134
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
Cách thêm icon vào tiêu đề wiget và đổi màu
Cách thêm icon vào tiêu đề wiget và đổi màu bởi HyVong,
Thumbnail khi share lên facebook
Thumbnail khi share lên facebook bởi hoaxoetaybac,
Cách chèn Meta keywords vào bài viết
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
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,
Share Facebook không hiện ảnh thumbnail
Share Facebook không hiện ảnh thumbnail bởi vietnamgsm,
Thay đổi hình hiển thị của link bài viết khi đăng lên facebook
Thay đổi hình hiển thị của link bài viết khi đăng lên facebook bởi oscarle,
Bài viết mới
Không set được URL tiếng việt không dấu.
Không set được URL tiếng việt không dấu. bởi cuongpbm,
Mọi người giúp mình cách cộng điểm thành tích này với
Mọi người giúp mình cách cộng điểm thành tích này với bởi huytk88,
Giúp mình tạo ra những bài viết và mới trả lời với ạ
Giúp mình tạo ra những bài viết và mới trả lời với ạ bởi hocphp,
xin giúp về tăng giới hạn user group
xin giúp về tăng giới hạn user group bởi VipBoyTH,
Cài mail cho xenforo
Cài mail cho xenforo bởi quang9292,
Sử dụng CDN hình ảnh tuy nhiên google index link bài viết chứa cdn.domain
Sử dụng CDN hình ảnh tuy nhiên google index link bài viết chứa cdn.domain bởi muabandalat,
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: 28
Sửa lần cuối:
G

giaxaydung

Private
Tham gia
21/06/2015
Bài viết
9
Đượ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
134
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
830
Được Like
743
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
134
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

Moderator
Thành viên BQT
Tham gia
12/11/2019
Bài viết
1,040
Được Like
432
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
virutmt Help Cách chèn Meta keywords vào bài viết Tips and Guides 8
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

Dịch vụ XenForo của VNXF

Mr. Tuấn

Mobile/Zalo: 0988 488 096

Telegram: bluekpro

Email: [email protected]

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
Liên hệ đặt Textlink

Nhà Tài Trợ

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