Bên cạnh Facebook Comments thì Facebook Like Button cũng là một trong những phương án tốt để bạn có thể tăng khả năng tương tác giữa website với người dùng mạng xã hội lớn nhất thế giới. Trong bài viết hôm nay, ATPAcademy sẽ hướng dẫn cho các bạn cách chèn nút like Facebook vào WordPress đơn giản nhất.
Đào tạo SEO theo phương pháp thực hành
Nút like Facebook là gì ?
Nút like Facebook chèn vào website là một nút like mà nếu như người dùng nhấp vào đó, đồng nghĩa với việc họ đã like fanpage của các bạn
Yêu cầu: Họ cần phải đăng nhập Facebook trên trình duyệt
Nút like Facebook trên website có 2 loại, bao gồm:
– Nút like fanpage: Nhấp vào là like theo dõi fanpage
– Nút like bài viết: Thể hiện sự thích thú với 1 bài viết nào đó trên web
Chèn nút like Facebook vào WordPress để làm gì?
Xem thêm: Hướng dẫn cách chèn banner vào WordPress
Tăng like cho fanpage
Nếu mỗi ngày website của bạn có nhiều lượt truy cập, bạn hoàn toàn có thể chèn nút like này để khuyến khích mọi người nhấp like theo dõi fanpage, đặc biệt là với những khách hàng tiềm năng
Kết nối Fanpage với Website
Việc chèn nút like vào website wordpress giúp tạo ra sự kết nối giữa fanpage với website. Bạn hoàn toàn có thể điều hướng khách hàng từ website sang fanpage
Ví dụ: Khách hàng tham khảo thông tin sản phẩm trên website, họ có thể nhấp like trang, hay truy cập trang để yêu cầu bạn tư vấn
Ngược lại, nếu khách hàng vào từ fanpage, bạn cũng có thể gắn link website để khách hàng họ có thể truy cập website để tham khảo nhiều thông tin hơn
Chèn nút like Facebook vào WordPress bằng code
Bước 1: Chèn code dưới đây vào sau thẻ <body>
như hình dưới.
<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=123456789&autoLogAppEvents=1“></script> |
Lưu ý: Bạn nhớ thay App ID Facebook của bạn vào chỗ dãy số 123456789
nha.
Bước 2: Chèn code dưới đây vào vị trí bạn muốn hiển thị nút like Facebook trên web.
<div class=”fb-like” data-href=”” data-width=”” data-layout=”button_count” data-action=”like” data-size=”small” data-show-faces=”true” data-share=”true“></div> |
Giả sử mình chèn nút like, share Facebook vào đầu bài viết. Mình sẽ mở file hiển thị nội dung bài viết (chẳng hạn là file single.php
).
Sau đó mình sẽ chèn đoạn code vào trong thẻ div
có class là entry-content
như sau:
Và đây là kết quả
Chèn nút like Facebook vào WordPress bằng plugin
Nếu bạn không hiểu gì về code thì hoàn toàn có thể chèn nút like, share Facebook vào web WordPress bằng plugin theo hướng dẫn dưới đây.
Bước 1: Cài đặt và kích hoạt plugin WP Like Button trong web của bạn.
Bước 2: Truy cập vào menu WP like button để thiết lập plugin. Bạn sẽ thấy giao diện như sau.
Trong đó:
- Where to display: Lựa chọn nơi để hiển thị nút like, share Facebook.
- Homepage: Hiển thị trên trang chủ
- All pages: Hiển thị ở trên tất cả các trang
- All posts: Hiển thị trên tất cả các bài viết
- All archive pages: Hiển thị trên các trang lưu trữ
- Exclude specific pages and posts: Không hiển thị trên trang/bài viết tùy ý. Bạn chọn trang/bài viết không muốn hiển thị nút like ở mục Exclude Page/Post.
- Enable like button for mobile (Responsive layouts): Hiển thị nút like Facebook trên di động. Chọn Yes hoặc No.
- App ID: Nhập App ID Facebook mà bạn tạo được theo hướng dẫn tạo App Facebook.
- Admin ID: Nhập ID hoặc tên người dùng Facebook cá nhân của bạn. Ví dụ link trang cá nhân của mình là
https://www.facebook.com/nguyenhung.ks9x
thì username sẽ lànguyenhung.ks9x
. - Kid Directed Site?: Trang web của bạn có dành cho trẻ em không?
- Default Image: Chọn ảnh mặc định để hiển thị khi share lên Facebook nếu bài viết không có ảnh đại diện.
- Shortcode: Plugin hỗ trợ shortcode để bạn có thể chèn vào bất cứ vị trí nào.
- Code Snippet: Bạn có thể sử dụng đoạn mã PHP để chèn nút like vào vị trí bất kỳ trong theme.
- Before hoặc After: Hiển thị nút like Facebook ở đầu hoặc cuối nội dung của page/post.
- What to like?: Bạn muốn hiển thị nút like để like cái gì?
- Each page/post will have its own like button: Nút like cho từng trang/bài viết riêng biệt.
- Entire Site: Nút like Facebook cho tên miền.
- Nhập vào ô URL đường link mà bạn muốn người đọc like, share lên Facebook.
- Language: Chọn ngôn ngữ hiển thị nút like.
- Width: Chọn độ rộng nút like, share. Nên để khoảng 250 là hợp lý.
- Position: Căn lề cho nút like, share (bên trái, chính giữa, bên phải).
- Layout: Chọn bố cục hiển thị nút like, share.
- Action Type: Chọn loại hành động (like hoặc recommend).
- Color: Chọn giao diện sáng hoặc tối.
- Button Size: Chọn kích thước cho nút like.
- Include Share Button: Bật bao gồm nút share kèm theo nút like.
Sau khi thiết lập xong bạn nhớ ấn Save Settings để lưu lại những thiết lập. Ngoài ra, bạn có thể bật tắt công tắc On/Off ở góc dưới để bật tắt nút like, share Facebook tạm thời.
Cuối cùng, nhớ ra ngoài trang web kiểm tra lại xem việc hiển thị nút like Facebok trên web đã OK chưa nhé.
Cách chèn nút Share Facebook vào WordPress
Để bắt đầu, bạn cần phài truy cập vào trang web: https://sharethis.com/
Bước 1:Bạn click chọn vào Start with Share Buttons
Bước 2: Chọn kiểu dán nút share rồi chọn Next
(sau này bạn vẫn chỉnh được)
Bước 3: Chọn nền tảng website mà bạn muốn xây dựng.
Ở đây thường có 2 sự lựa chọn là mã HTML.
Nếu bạn đang muốn cài lên website WordPress thì chọn WordPress sau đó chọn Next!
Bước 4: Chọn Istall Plugin
Bạn sẽ được tải xuống tệp tin dạng .Zip bạn tải Plugin này lên website Worpress của mình. Sau đó là có thể sử dụng.
Sau khi cài Plugin, bạn cần phải đăng ký tải khoản bằng gmail của mình. Sau đó là có thể sử dụng.
Giao diện Plugin:
Bạn có thể dễ dàng thiết kế các Share Buttons như Facebook, Twitter . . . điều chỉnh vị trí, kích thước theo ý muốn của mình trong giao diện cài đặt Share This Plugin.
Lời kết
Thật tuyệt vời phải không nào? Chúc các bạn thành công!
Bạn biết phương pháp khác đơn giản và tối ưu hơn để chèn Facebook Like Button vào bài viết trong website WordPress? Đừng quên chia sẻ nó với chúng tôi trong khung bình luận bên dưới.