Trang Chủ Marketing Online Chèn Responsive Facebook comment box cho website

Chèn Responsive Facebook comment box cho website

3 phút đọc
0
0
14

Nay mình có làm 1 cái trang Landing Page theo phong cách
Facebook. Nhân tiện bổ sung luôn cái hệ thống comment bằng
Facebook cho nó luôn. Mình viết bài này giới thiệu bạn cách
làm Facebook comment cho website 1 cách nhanh chóng và đơn
giản.

Bước 1: Bạn chèn code này vào dưới thẻ của website

<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 =
“//connect.facebook.net/vi_VN/sdk.js#xfbml=1&appId=383096061852800&version=v2.0“;
fjs.parentNode.insertBefore(js, fjs); }(document, ‘script’,
‘facebook-jssdk’));</script>

Bước 2: Thêm CSS vào trước thẻ . Thực ra thì thêm
vào đâu cũng được

<style> /*Facebook comment*/ .fb_iframe_widget,
.fb_iframe_widget span,.fb_iframe_widget span iframe[style] {
min-width: 100% !important; width: 100% !important; }
</style>

Bước 3: Thêm đoạn code này vào vị trí mà bạn muốn hiển thị
Khung Facebook Comment

<div class=”fb-comments” data-href=”http://landing.chuanmmo.com/
data-numposts=”5″ data-colorscheme=”dark”
data-width=”100%”> </div>

Bạn nhớ thay url đánh dấu màu đỏ thành url trang
web của bạn

Chú ý: Đây chỉ là khung comment Facebook dạng tự do, không có
quản lý và thông báo mỗi khi có người comment. Nếu bạn muốn
một hệ thống comment bằng Facebook chuyên nghiệp hơn thì hãy
tạo app nhé.

Tải thêm bài liên quan
Tải thêm bằng Tuấn Hợp
Tải nhiều hơn Marketing Online

Trả lời

Thư điện tử của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Xem Thêm

Bài 2 : Hướng dẫn Mở cửa hàng shopify – cách tăng tỷ lệ conversion cho cửa hàng shopify

Đầu tiên các bạn truy cập địa chỉ sau để nhận 14 ngày dùng thử trên Shopify tại đây, hãy đ…