Thêm Facebook Like Box vào WordPress

6 giờ ago, Hướng dẫn WordPress, Views
Thêm Facebook Like Box vào WordPress

Giới Thiệu Về Facebook Like Box và Tại Sao Nên Thêm Vào WordPress

Facebook Like Box, hay còn gọi là Page Plugin, là một công cụ mạnh mẽ giúp bạn tăng tương tác và kết nối với người dùng Facebook ngay trên trang web WordPress của bạn. Nó cho phép khách truy cập dễ dàng “Thích” trang Facebook của bạn trực tiếp từ trang web mà không cần rời đi.

Việc thêm Facebook Like Box vào WordPress mang lại nhiều lợi ích quan trọng:

  • Tăng số lượng người “Thích” trang Facebook của bạn: Việc “Thích” trở nên dễ dàng và thuận tiện hơn cho khách truy cập.
  • Cải thiện tương tác: Hiển thị các bài đăng gần đây từ trang Facebook của bạn, khuyến khích khách truy cập tương tác.
  • Tăng độ tin cậy: Số lượng người “Thích” cao có thể tăng độ tin cậy của trang web và trang Facebook của bạn.
  • Dẫn dắt lưu lượng truy cập: Thúc đẩy người dùng truy cập trang Facebook của bạn để tìm hiểu thêm về doanh nghiệp của bạn.
  • Cải thiện SEO: Mặc dù không phải là yếu tố trực tiếp, nhưng tương tác trên Facebook có thể gián tiếp cải thiện SEO của bạn.

Bài viết này sẽ hướng dẫn bạn chi tiết các bước để thêm Facebook Like Box vào website WordPress của bạn, cả bằng cách sử dụng plugin và chèn mã thủ công.

Cách Thêm Facebook Like Box vào WordPress Sử Dụng Plugin

Sử dụng plugin là cách đơn giản và nhanh chóng nhất để thêm Facebook Like Box vào WordPress. Có nhiều plugin miễn phí và trả phí có sẵn trên WordPress Repository. Dưới đây là hướng dẫn sử dụng một plugin phổ biến, ví dụ: “Facebook Page Plugin”.

Bước 1: Cài Đặt và Kích Hoạt Plugin

  1. Đăng nhập vào trang quản trị WordPress của bạn.
  2. Di chuyển đến “Plugins” > “Add New”.
  3. Tìm kiếm “Facebook Page Plugin”.
  4. Cài đặt và kích hoạt plugin.

Bước 2: Cấu Hình Plugin

Sau khi kích hoạt plugin, bạn cần cấu hình nó để hiển thị đúng trang Facebook của bạn.

  1. Di chuyển đến “Appearance” > “Widgets”.
  2. Tìm widget “Facebook Page Plugin” trong danh sách các widget có sẵn.
  3. Kéo và thả widget vào vị trí bạn muốn hiển thị Like Box trên trang web của bạn (ví dụ: Sidebar, Footer).
  4. Cấu hình các tùy chọn của widget:
    • Facebook Page URL: Nhập URL trang Facebook của bạn.
    • Width: Đặt chiều rộng của Like Box.
    • Height: Đặt chiều cao của Like Box.
    • Show Faces: Chọn hiển thị ảnh đại diện của những người đã thích trang Facebook của bạn.
    • Hide Cover Photo: Chọn ẩn hoặc hiển thị ảnh bìa của trang Facebook của bạn.
    • Show Posts: Chọn hiển thị các bài đăng gần đây từ trang Facebook của bạn.
  5. Nhấp vào “Save” để lưu các thay đổi.

Bước 3: Kiểm Tra Kết Quả

Truy cập trang web của bạn để kiểm tra xem Facebook Like Box đã được hiển thị đúng vị trí và hoạt động bình thường hay chưa. Nếu có vấn đề gì, hãy kiểm tra lại các cấu hình của plugin.

Cách Thêm Facebook Like Box vào WordPress Bằng Mã Thủ Công

Nếu bạn không muốn sử dụng plugin, bạn có thể thêm Facebook Like Box vào WordPress bằng cách chèn mã thủ công. Cách này yêu cầu bạn phải có kiến thức cơ bản về HTML và JavaScript.

Bước 1: Lấy Mã từ Facebook Page Plugin

  1. Truy cập trang Facebook Page Plugin.
  2. Nhập URL trang Facebook của bạn vào ô “Facebook Page URL”.
  3. Cấu hình các tùy chọn hiển thị:
    • Tabs: Chọn hiển thị timeline, messages, hoặc events.
    • Width: Đặt chiều rộng của Like Box.
    • Height: Đặt chiều cao của Like Box.
    • Small Header: Chọn sử dụng tiêu đề nhỏ hơn.
    • Hide Cover Photo: Chọn ẩn hoặc hiển thị ảnh bìa.
    • Show Facepile: Chọn hiển thị ảnh đại diện của những người đã thích trang.
    • Adapt to plugin container width: Chọn tự động điều chỉnh chiều rộng theo container.
  4. Nhấp vào “Get Code”.
  5. Sao chép mã JavaScript SDK và mã HTML của Page Plugin.

Bước 2: Chèn Mã JavaScript SDK vào Theme

Bạn cần chèn mã JavaScript SDK một lần duy nhất trên trang web của bạn. Nên chèn mã này ngay sau thẻ “ mở đầu.

  1. Truy cập trang quản trị WordPress của bạn.
  2. Di chuyển đến “Appearance” > “Theme Editor” (Lưu ý: Chỉnh sửa theme trực tiếp có thể gây ra lỗi. Hãy tạo một child theme nếu bạn chưa quen với việc này).
  3. Tìm file `header.php` của theme.
  4. Tìm thẻ “.
  5. Dán mã JavaScript SDK ngay sau thẻ “. 
       <body>
    <div id="fb-root"></div>
    <script async defer crossorigin="anonymous" src="https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v18.0" nonce="YOUR_NONCE"></script>

    Lưu ý: Thay thế `YOUR_NONCE` bằng một chuỗi ngẫu nhiên và duy nhất để tăng cường bảo mật. Nếu bạn không cần nonce, bạn có thể bỏ qua thuộc tính `nonce=”YOUR_NONCE”`.

  6. Nhấp vào “Update File” để lưu các thay đổi.

Bước 3: Chèn Mã HTML của Page Plugin vào Vị Trí Mong Muốn

Bạn có thể chèn mã HTML của Page Plugin vào bất kỳ vị trí nào trên trang web của bạn, ví dụ: trong một widget text, trong bài viết hoặc trang, hoặc trong một file template của theme.

Chèn vào Widget Text

  1. Di chuyển đến “Appearance” > “Widgets”.
  2. Kéo và thả widget “Text” vào vị trí bạn muốn hiển thị Like Box.
  3. Dán mã HTML của Page Plugin vào nội dung của widget.
  4. Nhấp vào “Save” để lưu các thay đổi.

Chèn vào Bài Viết hoặc Trang

  1. Mở bài viết hoặc trang bạn muốn chèn Like Box.
  2. Trong trình soạn thảo, chuyển sang chế độ “Text” (hoặc “Code Editor” trong Gutenberg).
  3. Dán mã HTML của Page Plugin vào vị trí bạn muốn hiển thị Like Box.
  4. Cập nhật bài viết hoặc trang.

Chèn vào File Template của Theme

  1. Di chuyển đến “Appearance” > “Theme Editor”.
  2. Tìm file template bạn muốn chèn Like Box (ví dụ: `sidebar.php`, `footer.php`).
  3. Dán mã HTML của Page Plugin vào vị trí bạn muốn hiển thị Like Box.
  4. Nhấp vào “Update File” để lưu các thay đổi.

Bước 4: Kiểm Tra Kết Quả

Truy cập trang web của bạn để kiểm tra xem Facebook Like Box đã được hiển thị đúng vị trí và hoạt động bình thường hay chưa. Nếu có vấn đề gì, hãy kiểm tra lại mã HTML và JavaScript bạn đã chèn.

Lời Khuyên và Thủ Thuật

  • Tối ưu hóa vị trí đặt Like Box: Đặt Like Box ở vị trí dễ thấy và thu hút sự chú ý của khách truy cập.
  • Sử dụng hình ảnh hấp dẫn: Chọn hình ảnh bìa và ảnh đại diện hấp dẫn cho trang Facebook của bạn.
  • Thường xuyên cập nhật nội dung trên Facebook: Cập nhật nội dung mới và hấp dẫn trên trang Facebook của bạn để khuyến khích người dùng tương tác.
  • Sử dụng các plugin tối ưu hóa tốc độ: Facebook Like Box có thể ảnh hưởng đến tốc độ tải trang. Hãy sử dụng các plugin tối ưu hóa tốc độ để cải thiện hiệu suất trang web của bạn.
  • Kiểm tra trên nhiều thiết bị: Đảm bảo rằng Like Box hiển thị tốt trên cả máy tính để bàn và thiết bị di động.

Kết Luận

Thêm Facebook Like Box vào WordPress là một cách hiệu quả để tăng tương tác và kết nối với người dùng Facebook. Bài viết này đã hướng dẫn bạn chi tiết các bước để thêm Like Box vào WordPress bằng cả plugin và mã thủ công. Hy vọng rằng bạn có thể áp dụng các hướng dẫn này để cải thiện sự hiện diện trực tuyến của mình.

Related Topics by Tag
, , , ,

..