Facebook Marketing

Làm thế nào để thêm bình luận của Facebook và website WordPress đơn giản nhất

Nhân. Nguyễn

Đăng

-

Bạn có thể tìm kiếm qua : Google | Cốc Cốc | Bing với chủ đề này của Ad's Consulting Live

Nhúng bình luận facebook vào website

Chào các bạn! Năm 2019 mình bận quá 3 tháng cuối năm không viết được bài gì cả. Hôm nay vào kiểm tra mục yêu cầu hướng dẫn mình có nhận được rất nhiều yêu cầu từ bạn đọc. Cái này chắc đơn giản nhất mà không cần dùng đến Plugin. Nên mình sẽ hướng dẫn tới những bạn chưa biết nhé.

Thêm Comment Facebook vào website

  • Tài khoản Facebook
  • Website WordPress
  • Quản trị website WordPress đó

Bắt đầu nhé. Bạn cần truy cập vào đường link này của Facebook để lấy đoạn code mà Facebook cho để hiển thị comment của nó vào website nhé. https://developers.facebook.com/docs/plugins/comments

<div id="fb-root"></div>
<script async defer crossorigin="anonymous" 
    src="https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v5.0&appId=2227315350680516&autoLogAppEvents=1">
    
</script>
<div class="fb-comments" 
    data-href="https://adordlive.com" 
    data-width="" 
    data-numposts="10">
</div>

Trong đoạn code trên các bạn chú ý cho mình 3 dòng sau

  • data-href=”https://adordlive.com” đường dẫn muốn hiển thị bình luận
  • data-width=”875″ chiều rộng
  • data-numposts=”10″ số bình luận của người dùng muốn hiển thị

Ok nhé chúng ta cùng đi vào việc thôi

Chèn comment Facebook vào website WordPress không cần plugin.

Khi mà có quá nhiều Plugin được kích hoạt trong 1 website WordPress sẽ làm chậm quá trình sử lý dữ liệu và hiển thị nội dung website. Chúng ta dùng các chèn trực tiếp nó sẽ giảm 1 phần nào việc giảm tốc độ tải trang đi.

Để chèn bình luận Facebook vào website chúng ta thực hiện như sau.

Bước 1 : Đăng nhập vào website sử dụng WordPress của bạn. sau đó vào phần Giao Diện -> Sửa Giao Diện.

Nếu mà bạn đang dùng 2 loại theme cha và con ( child theme) thì bạn phải vào theme cha để sửa nhé.

Thêm bình luận facebook và website wordpress đơn giản
Sửa theme cha của giao diện wordpress

Bước 2 : Khi bạn đã vào theme cha để sửa rồi thì bạn tìm file comments.php và xóa tất cả các đoạn code có sẵn của nó đi nhé và thay vào đoạn code sau đây.

<h3 style="font-weight: 500;font-variant: petite-caps;margin: 5px 0 5px;font-size: 26px;text-align: center;">
    <i class="fa fa-users" aria-hidden="true"></i> Bình luận về chủ đề này!</h3>
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v4.0&appId=2227315350680516&autoLogAppEvents=1"></script>
<div class="fb-comments" 
    data-href="<?php echo get_permalink(); ?>" 
    data-width="100%" 
    data-numposts="5">
</div>

Đoạn có h3 kia là mình thêm tiêu đề luôn cho phần bình luận và thêm ít css cho nó

Trong đoạn code trên bạn nhớ cho mình dòng <?php echo get_permalink(); ?> là được nó giúp tùy biến theo link từng bài viết của bạn

Thế là Ok rồi đó bạn thử F5 lại xem. Nếu chưa hiểu đoạn nào bạn có thể để lại trong phần bình luận bên dưới.

Tôi viết để lưu trữ và chia sẻ cho bạn đọc những gì tôi học và hiểu được về lập trình và kinh nghiệm của tôi sau những năm tôi đi làm. Vậy nên nhiều bài rất ngắn các bạn đừng trách móc. Xin cảm ơn đã ủng hộ. Kênh Youtube của Nhân Nguyễn

Quảng Cáo
0 0 vote
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments



[]
1 Step 1
Previous
Next

Chủ Đề Nổi Bật

Được Quan Tâm Nhiều Trong Tháng

0
Would love your thoughts, please comment.x
()
x