VPS
Hosting
Email
Máy chủ
Firewall Anti DDoS
Tên Miền
SSL
4
4

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

362
Lượt xem
Home WordPress Chèn nút like Facebook vào WordPress đơn giản nhất

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

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.

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!

banner single post lixi

Chương trình khuyến mãi "Vui Xuân Như Ý - Lì Xì Đầy Ví"

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!

banner hosting gif
Chia sẻ bài viết
Đánh giá
Kết nối với mình qua
Mình là Trường - hiện đang phụ trách một số mảng trong chiến lược Marketing của Vietnix và đặc biệt là SEO. Ngoài ra, mình còn thích sử dụng WordPress để xây dựng website trong nhiều năm qua. Mình mong muốn có thể dùng trải nghiệm thực tế khi làm việc tại Vietnix để đem lại những chia sẻ hữu ích cho các bạn.
Đăng ký nhận tin
Để không bỏ sót bất kỳ tin tức hoặc chương trình khuyến mãi từ Vietnix
Bài viết liên quan
Bình luận
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