Thêm comment Facebook vào Flatsome WordPress (không cài Plugin)

🗣 Bài viết đăng bởi Pinker vào lúc 16-03-2022 và cập nhật lúc 11-07-2022 👁 2715 lượt xem
Comment Facebook Flatsome Wordpress

Comment Facebook trên Website bây giờ được coi là một chức năng khá cơ bản. Vừa tiện lợi, vừa nhanh chóng, người dùng không cần phải tạo tài khoản trên web, mà dùng luôn tài khoản Facebook để bình luận. Ngoài ra còn rất tốt cho những Website bán hàng, thu thập hoạt động user Facebook trên Website, phục vụ cho nhu cầu marketing về sau. Vậy thêm comment Facebook vào WordPress như thế nào ?

Dưới đây tôi sẽ hướng dẫn các bạn đang sử dụng theme Flatsome nói riêng và WordPress nói chung, cách thêm comment Facebook vào WordPress chi tiết nhất.

Tạo Facebook App

Truy cập vào link https://developers.facebook.com/apps tạo ứng dụng mới.

Tạo App Facebook
Tạo App Facebook

Truy cập vào link https://developers.facebook.com/docs/plugins/comments, kéo xuống dưới 1 đoạn để “Lấy mã”.

Lấy Mã
Lấy Mã

Chọn ứng dụng vừa tạo, phần này cũng tương tự như thêm nút Like Share Facebook vào web

Chọn ứng Dụng Facebook Vừa Tạo
Chọn ứng Dụng Facebook Vừa Tạo

Lấy App ID

Vào ứng dụng mà bạn đã tạo & copy ID ỨNG DỤNG

Id ứng Dụng
ID ứng Dụng

Lấy mã User ID

Tiếp theo là lấy USER ID (chính là mã ID tài khoản của bạn). Truy cập vào https://findidfb.com, nhập link facebook vào và lấy ID nhé

Find Facebook Id
Find Facebook Id

Lấy App ID và User ID chèn vào đoạn code sau:

<meta property="fb:app_id" content="{App ID}"/>
<meta property="fb:admins" content="{User ID}"/>

Dán mã Script Facebook SDK vào website

Tổng hợp những phần ở trên, chúng ta copy nội dung đoạn code sau vào functions.php. Lưu ý thay thế App ID vào cả function vdh_fb_sdk()

<?php 
function vdh_fb_meta() {
    ?>
        <meta property="fb:app_id" content="{App ID}"/>
        <meta property="fb:admins" content="{User ID}"/>
    <?php
}
add_action('wp_head', 'vdh_fb_meta');

function vdh_fb_sdk() {
    ?>
        <div id="fb-root"></div>
        <script async defer crossorigin="anonymous" src="https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v13.0&appId={App ID}&autoLogAppEvents=1"></script>
    <?php
}
add_action('flatsome_after_body_open', 'vdh_fb_sdk');
?>

Tạo shortcode gắn bình luận bằng Facebook vào WordPress

Vẫn ở trong file functions.php. Thêm đoạn code để tạo shortcode này và lưu lại.

<?php
    function vdh_comment_fb() {
    ?>
        <div class="fb-comments" data-href="<?php the_permalink(); ?>" data-width="100%" data-numposts="5"></div>
    <?php
}
add_shortcode('comment_fb', 'vdh_comment_fb');
?>

Giờ cần truy cập vào Customize -> Blog -> Blog Single Post -> HTML after blog posts, dán mã code sau vào, rồi lưu lại.

Dán Mã Shortcode Comment Fb Vừa Tạo
Dán Mã Shortcode Comment Fb Vừa Tạo

Cuối cùng là ra bài viết, kéo xuống cuối, kiểm tra xem thành quả thế nào.

Thêm Comment Facebook Vào WordPress Thành Công
Thêm Comment Facebook Vào WordPress Thành Công

Truy cập vào https://developers.facebook.com/tools/comments để xem tất cả comment có trên website của bạn.

Vậy là ngon lành rồi! Trên đây là hướng dẫn thêm comment Facebook vào WordPress (theme Flatsome).

Chúc các bạn thành công, nếu có gì thắc mắc, cứ comment phía bên dưới, mình sẽ hỗ trợ.

3.7/5 - (3 bình chọn)

Bài viết khác

Tổng hợp Download Plugin - Theme cho WordPress : Xem ngay
Nhóm Zalo : Tham gia ngay
TAGS: BÌNH LUẬN BẰNG FACEBOOK BÌNH LUẬN FACEBOOK TRÊN WORDPRESS BÌNH LUẬN FACEBOOK WORDPRESS BÌNH LUẬN WORDPRESS COMMENT FACEBOOK GẮN BÌNH LUẬN FACEBOOK

Trả lời

Email 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 *

Hotline Zalo Giới thiệu
0986.209.305
Zalo
Giới thiệu