NỘI DUNG

Hosting tốc độ cao Vietnix - tốc độ tải trang trung bình dưới 1 giây
VPS siêu tốc Vietnix - trải nghiệm mượt mà, ổn định
21/12/2021
Lượt xem

Chèn nút like Facebook vào WordPress đơn giản nhất

21/12/2021
8 phút đọc
Lượt xem

Đánh giá

5/5 - (181 bình chọn)

Facebook là nền tảng mạng xã hội lớn nhất thế giới hiện nay. Vì vậy bạn có thể chèn nút like Facebook vào WordPress, từ đó khách truy cập có thể dễ dàng like và share các bài viết của bạn lên Facebook. Từ đó website của ta sẽ tiếp cận được với rất nhiều người dùng khác. Trong bài viết này, Vietnix sẽ hướng dẫn hai phương pháp đơn giản nhất để thêm nút like Facebook vào WordPress.

1. Chèn nút like Facebook vào WordPress theo cách thủ công

Facebook đã có sẵn tài liệu chia sẻ cách để các quản trị website có thể chèn nút like Facebook lên trang web của mình. Phương pháp chèn nút Facebook vào này đòi hỏi người dùng phải tự thêm code trực tiếp vào website. Bạn hoàn toàn có thể áp dụng cách này với mọi website khác ngoài mã nguồn WordPress.

Chèn nút like Facebook vào WordPress
Chèn nút like Facebook vào WordPress đơn giản nhất 24

Bước 1: Truy cập vào link lấy “Nút Thích cho web” của Meta Facebook tại đây: https://developers.facebook.com/docs/plugins/like-button

Bước 2: Kéo xuống phần Nhận nút Thích tùy chỉnh.

Chèn nút like Facebook vào WordPress
Chèn nút like Facebook vào WordPress

Bước 3: Sau đó áp dụng cấu hình dưới đây để lựa chọn kích thước và bố cục của nút like. Bạn có thể xem trước (Preview) của nút Like ở ngay bên dưới. Tiếp đến, click vào nút Lấy mã.

Bây giờ màn hình sẽ hiện ra một cửa sổ popup với hai đoạn code dưới tab JavaScript SDK như dưới đây:

Chèn nút like Facebook vào WordPress
Code Javascript SDK
  • Copy đoạn code đầu tiên, đi đến file header.php của theme WordPress bạn đang sử dụng rồi paste vào ngay sau tag <body>.
  • Tiếp theo copy đoạn code thứ hai rồi paste vào vị trí cần đặt nút Like trong file template của theme WordPress bạn đang sử dụng. Thông thường, ta có thể thêm nút Like vào các vị trí như single.php, archive.php, page.php,… Nếu đang sử dụng template nội dung thì bạn cần thêm code này vào template nội dung của WordPress.

Tuy nhiên, cần lưu ý rằng: Các đoạn code trực tiếp vào theme WordPress sẽ bị ghi đè sau khi cập nhật lại theme. Do đó bạn có thể tạo một child theme rồi thêm code này vào template của child theme.

Dưới đây là ví dụ về đoạn mã đầy đủ:

<html>
<head>
  <title>Your Website Title</title>
    <!-- You can use open graph tags to customize link previews.
    Learn more: https://developers.facebook.com/docs/sharing/webmasters -->
  <meta property="og:url"           content="https://www.your-domain.com/your-page.html" />
  <meta property="og:type"          content="website" />
  <meta property="og:title"         content="Website của bạn" />
  <meta property="og:description"   content="Mô tả" />
  <meta property="og:image"         content="https://www.your-domain.com/path/image.jpg" />
</head>
<body>

  <!-- Load Facebook SDK for JavaScript -->
  <div id="fb-root"></div>
  <script async defer crossorigin="anonymous" 
        src="https://connect.facebook.net/en_US/sdk.js#xfbml=1
             &version={graph-api-version}
             &appId={your-facebook-app-id}
             &autoLogAppEvents=1" 
        nonce="FOKrbAYI">
  </script>

  <!-- Your like button code -->
  <div class="fb-like" 
       data-href="https://www.your-domain.com/your-page.html" 
       data-width=""
       data-layout="standard" 
       data-action="like" 
       data-size="small"  
       data-share="true">
  </div>

</body>
</html>

Ngoài ra, phần JavaScript SDK thường sẽ dành cho người có kinh nghiệm, bạn có thể sử dụng qua tab IFrame sẽ dễ dàng hơn.

Chèn nút like Facebook vào WordPress
Đoạn code IFrame
  • Bước 1: Chuyển sang tab IFrame.
  • Bước 2: Copy toàn độ đoạn code.
  • Bước 3: Truy cập vào WordPress > Appearance > Widget.
  • Bước 4: Thêm text widget mới > Paste vào Text Editor > Lưu lại khi hoàn tất.

2. Chèn nút like Facebook vào WordPress bằng Plugin

Nếu bạn không quen việc thao tác với code thì hoàn toàn có thể sử dụng các plugin như WP Like Button.

Bước 1: Cài đặt và kích hoạt plugin WP Like Button.

Sau khi kích hoạt thành công, plugin sẽ tự động thêm một menu item với vào admin bar của WordPress. Click vào menu để vào trang cài đặt của plugin.

Giao diện WP Like Button
Giao diện WP Like Button

Chọn vị trí cần hiển thị nút Like, ngoài ra plugin cũng cho phép cài đặt khả năng phản hồi của nút Like đối với các thiết bị di động.

Bước 2: Truy cập: https://developers.facebook.com/apps > Tạo ứng dụng > Chọn loại ứng dụng.

tao ung dung facebook
Tạo ứng dụng Facebook

Bước 3: Nhập thông tin chi tiết: Tên hiển thị, email và tài khoản kinh doanh.

Nhập thông tin chi tiết
Nhập thông tin chi tiết

Bước 4: Trên thanh menu bên tay trái > Cài đặt > Thông tin cơ bản > Ở đây bạn có thể nhập một số thông tin sau:

  • App Domains (Miền ứng dụng): Điền tên miền website của bạn.
  • Privacy Policy URL (URL điều khoản dịch vụ): Nhập URL trang chính sách dịch vụ của bạn.
  • Category (Hạng mục): Chọn lĩnh vực hoạt động cho website của bạn.
  • Business Use (Mục đích ứng dụng): Lựa chọn bản thân bạn hoặc doanh nghiệp hay khách hàng.
Điền thông tin ứng dụng
Điền thông tin ứng dụng

Bước 5: Kéo xuống phần dưới > Thêm nền tảng > Chọn Website.

Chọn nền tăng website
Chọn nền tăng website

Bước 6: Nhập URL website của bạn > Lưu lại.

Nhập URL website
Nhập URL website

Bước 7: Bật tính năng đang phát triển đẻ kích hoạt ứng dụng > Xác nhận.

Kích hoạt ứng dụng
Kích hoạt ứng dụng

Lúc này, quay trở lại với plugin WP Like Button:

Bước 8: Hãy cung cấp Facebook App ID hoặc Admin ID của người dùng có quyền truy cập vào Facebook Insights. Phần này bạn cũng có thể điền username/ID Facebook của bạn.

Dưới phần What to like, chọn Each page/post will have its own like button, sau đó chọn bố cục, căn chỉnh và ngôn ngữ cho nút like Facebook.

Và cuối cùng, bạn có thể kiểm tra bản preview của nút like Facebook ở dưới cùng của trang. Bây giờ chỉ cần click Save Settings để lưu lại cài đặt và hoàn tất việc chèn nút like Facebook vào WordPress.

Ngoài ra, hiện tại Vientix đang có chương trình tặng miễn phí là các Plugin và theme bản quyền của WordPress cho các khách hàng đăng ký sử dụng dịch vụ Hosting, VPS. Chỉ cần bỏ ra 5.000VND/Tháng bạn đã có thể sở hữu gói Hosting Giá Rẻ với nhiều tính năng vượt trội như:

  • Tối ưu tốc độ website gấp 10 lần nhờ hệ thống hạ tầng luôn được đầu tư và nâng cấp thường xuyên.
  • Đảm bảo an toàn dữ liệu với hệ thống sao lưu hiện đại diễn ra mỗi ngày, máy chủ được đặt tại trung tâm dữ liệu hiện đại bậc nhất Việt Nam.
  • Tránh được các cuộc tấn công từ đối thủ và hacker nhờ tường lửa chống DDoS do Vietnix phát triển và phần mềm bảo vệ website khác.
  • Chỉ cần an tâm phát triển website không phải bận tâm đến những vấn đề kỹ thuật bởi đã có đội ngũ nhân sự chuyên môn cao luôn sẵn sàng hỗ trợ mọi thời điểm. thông qua nhiều kênh khác nhau như: Hotline, live chat, Telegram, Zalo,…

Nhanh tay đăng ký sử dụng dịch vụ Hosting tốc độ cao chỉ từ 5.000VND/Tháng của Vietnix ngay hôm nay để nhận được nhiều ưu đãi hấp dẫn kèm hỗ trợ nhanh chóng và chuyên nghiệp!

Lời kết

Như vậy là bạn đã biết cách chèn nút like Facebook vào WordPress thành công. Dù đây chỉ là một thủ thuật cực kỳ đơn giản, nhưng có thể thu hút một lượng lớn traffic về fanpage thông qua các lượt like trên website của khách truy cập bởi Plugin like share Facebook WordPress. Vietnix hy vọng có thể cung cấp cho bạn nhiều kiến thức mới và bổ ích, chúc các bạn thành công!

THEO DÕI VÀ CẬP NHẬT CHỦ ĐỀ BẠN QUAN TÂM

Đăng ký ngay để nhận những thông tin mới nhất từ blog của chúng tôi. Đừng bỏ lỡ cơ hội truy cập kiến thức và tin tức hàng ngày

Chọn chủ đề :

Lê Nam

WordPress Expert
tại

Kết nối với mình qua

Kết nối với mình qua

Theo dõi
Thông báo của
guest
0 Comments
Phản hồi nội tuyến
Xem tất cả bình luận

Tăng tốc độ website - Nâng tầm giá trị thương hiệu

Banner group
Tăng tốc tải trang

95 điểm

Nâng cao trải nghiệm người dùng

Tăng 8% tỷ lệ chuyển đổi

Thúc đẩy SEO, Google Ads hiệu quả

Tăng tốc ngay

SẢN PHẨM NỔI BẬT

Black Friday Hosting & VPS

Chương trình bắt đầu sau

Giảm giá 40% hosting VPS

50 coupon mỗi ngày

Gia hạn giá không đổi

NHẬN DEAL NGAY
Pattern

7 NGÀY DÙNG THỬ HOSTING

NẮM BẮT CƠ HỘI, THÀNH CÔNG DẪN LỐI

Cùng trải nghiệm dịch vụ hosting tốc độ cao được hơn 100,000 khách hàng sử dụng

Icon
ĐĂNG KÝ NHẬN TÀI LIỆU THÀNH CÔNG
Cảm ơn bạn đã đăng ký nhận tài liệu mới nhất từ Vietnix!
ĐÓNG

ĐĂNG KÝ DÙNG THỬ HOSTING

Asset

7 NGÀY MIỄN PHÍ

Asset 1

ĐĂNG KÝ DÙNG THỬ HOSTING

Asset

7 NGÀY MIỄN PHÍ

Asset 1
Icon
XÁC NHẬN ĐĂNG KÝ DÙNG THỬ THÀNH CÔNG
Cảm ơn bạn đã đăng ký thông tin thành công. Đội ngũ CSKH sẽ liên hệ trực tiếp để kích hoạt dịch vụ cho bạn nhanh nhất!
ĐÓNG