2 cách tạo nút like Facebook cho Website đơn giản nhất 

Facebook hiện đang là nền tảng mạng xã hội phổ biến nhất hiện nay với lượng người dùng khổng lồ. Tạo nút like Facebook cho Website sẽ là một cách hiệu quả để tăng traffic và like cho Fanpage của bạn. Cùng AMAI Agency tìm hiểu ngay các cách làm nhanh chóng, đơn giản nhất nhé!

1. Vì sao bạn cần tạo nút Like Facebook cho Website?

Việc tạo nút Like Facebook cho Website đóng vai trò quan trọng trong chiến lược truyền thông và tiếp thị của doanh nghiệp. Rất nhiều thương hiệu lớn và báo cáo nghiên cứu đã chỉ ra những lợi ích đặc biệt nổi bật khi chèn nút Like vào Website như: 

Tạo nút like facebook cho website hiệu quả
Vì sao bạn cần tạo nút Like Facebook cho Website?
  • Thương hiệu quần jeans Levi’s đình đám đã mang đến một trải nghiệm tích cực cho khách hàng khi tích hợp nút Like Facebook vào Website của họ từ năm 2010. Kết quả là họ đã chứng kiến một đợt tăng gấp 40 lần về lưu lượng truy cập từ Facebook
  • Theo một báo cáo của Copyblogger vào đầu năm nay, tỷ lệ nhấp chuột tăng lên đến 45% của các Call-to-Action (CTA) có hình nút. Tạo nút Like Facebook cho Website không chỉ là cách để người dùng thể hiện sự quan tâm của mình mà còn là một phần quan trọng của chiến lược kích thích hành động từ phía khách hàng.
  • Trong một thử nghiệm A/B, HubSpot đã chỉ ra rằng nút CTA màu đỏ có thể tăng tỷ lệ click lên đến 21% so với nút màu xanh lá. Màu sắc không chỉ là vấn đề thị giác mà còn ảnh hưởng đến tâm lý và tương tác của người dùng. Việc lựa chọn màu phù hợp khi tạo nút Like Facebook cho Website có thể làm tăng tính thú vị và thu hút sự chú ý của người xem, từ đó gia tăng khả năng họ thực hiện hành động like.

2. Chi tiết 2 cách tạo nút like Facebook cho Website từ A-Z

Dưới đây sẽ là hướng dẫn 2 cách tạo nút like Facebook cho Website, một là trực tiếp sử dụng plugin của Facebook cho Website thông thường và hai là cho những Website được làm từ WordPress.

2.1 Tạo nút like Facebook cho Website bằng plugin Facebook

Bước 1: Bạn copy paste đường dẫn tạo nút Like Facebook cho Website của Facebook lên thanh công cụ tìm kiếm và điền đầy đủ thông tin theo yêu cầu:

https://developers.facebook.com/docs/plugins/like-button?locale=vi_VN

Tạo nút like facebook cho website đơn giản
Truy cập đường dẫn và điền đầy đủ các thông tin

Bước 2: Đối với tùy chọn kích thước nút LIKE, thiết lập giá trị 200 sẽ là sự lựa chọn tốt nhất.

Bước 3: Trong phần Layout, hãy chọn button_count.

Bước 4: Bạn bỏ chọn tùy chọn Include Share Button và giữ nguyên các tùy chọn khác theo mặc định.

Bước 5: Sau khi hoàn thành cấu hình, nhấn vào Get Code. Bạn sẽ nhìn thấy hai đoạn mã được tạo ra. Hãy sao chép cả hai đoạn mã này và dán vào hai vị trí khác nhau trên Website của bạn.

Tạo nút like facebook cho website hiệu quả
Dán 2 đoạn code để tạo nút like Facebook cho Website
  • Đoạn mã đầu tiên dán vào phần Header của trang web. Để thực hiện điều này, hãy vào mục SETTINGS, chọn SEO, và cuộn xuống để tìm ô Header. Dán đoạn mã vào đây.
  • Đoạn mã thứ hai có thể dán vào bất kỳ nơi nào trên Website mà bạn muốn hiển thị nút LIKE. Để tạo nút like Facebook cho Website, chọn trang bạn muốn chèn nút LIKE, kéo thành phần Embed Code vào vị trí mong muốn, và dán đoạn mã vào đó.

Bước 6: Cuối cùng, nhấn PUBLISH để xuất bản trang web của bạn. Như vậy, khách hàng khi truy cập vào Website của bạn sẽ có thể nhấn Like và tương tác với nội dung của bạn.

Bạn có thể hứng thú với Hướng dẫn tích hợp messenger vào website đơn giản nhất

2.2 Tạo nút like Facebook cho Website WordPress

Cách 1: Dùng code 

Bước 1: Truy cập trang web Developer của Facebook và chọn phần Like Button.

Bước 2: Trong giao diện Like Button Configurator, bạn tiến hành cấu hình các thông tin như URL trang Facebook, kích thước và bố cục của nút like. Sau đó, ấn Preview (Xem trước) để tạo nút like Fanpage cho Website theo mong muốn của bạn.

Các bước tạo nút like facebook cho website
Điền đầy đủ thông tin theo mẫu Facebook yêu cầu

Bước 3: Nhấp chọn Get Code, sau đó sao chép đoạn mã code được tạo và dán vào Website của bạn. Bạn có thể chọn một trong hai và làm theo hướng dẫn cụ thể ở bước 4.

Bước 4 (Cách 1): Sau đó, một pop-up sẽ hiển thị với chứa đoạn mã code. Bạn chọn tab IFrame và sao chép đoạn mã code từ đó. Tiếp theo, vào trang WordPress, chọn Appearance và sau đó chọn Widgets. Thêm một Text Widget mới và dán đoạn mã code vào trình soạn thảo văn bản. 

Tạo nút like facebook cho website thành công
Đoạn code IFrame

Bước 4 (Cách 2): Để lấy mã code từ tab JavaScript SDK, đầu tiên bạn sao chép mã code, sau đó điều hướng đến trang quản trị WordPress. 

Tạo nút like facebook cho website nhanh chóng
Đoạn code JavaScript
  • Nhấp vào Appearance và chọn Editor. Một giao diện mới sẽ xuất hiện, và nếu bạn muốn nút like xuất hiện ở đầu trang, di chuột đến file header.php hoặc footer.php nếu bạn muốn hiển thị ở cuối trang. Sau đó, dán đoạn mã vào sau thẻ <body>.
  • Tiếp theo, sao chép đoạn mã thứ hai và dán vào vị trí cần tạo nút Like Facebook cho Website của theme WordPress bạn đang sử dụng. Thông thường, bạn có thể thêm nút Like vào các vị trí như single.php, archive.php, page.php, v.v. Nếu đang sử dụng template nội dung, bạn cần thêm code này vào template nội dung của WordPress.

Bạn có thể quan tâm tới 9 cách để nâng cấp website của bạn hiệu quả nhất

Bước 5: Nhấp Save để lưu và hoàn tất quá trình tạo nút like Facebook cho WordPress.

Cách 2: Dùng plugin WP Like Button

Nếu bạn không quá thành thạo với code, sử dụng plugin để tạo nút Like Facebook cho Website là lựa chọn lý tưởng. Dưới đây là hướng dẫn cách dùng plugin WP Like Button để thực hiện cách chèn này:

Bước 1: Trước khi bắt đầu, bạn hãy cài đặt và kích hoạt plugin WP Like Button. Sau đó, truy cập vào menu WP Like Button để bắt đầu cấu hình plugin.

Bước 2: Trong menu, bạn có thể thiết lập các thuộc tính để tùy chỉnh cách nút like Facebook sẽ được hiển thị trong WordPress theo ý muốn của bạn như màn hình hiển thị bên dưới.

Tạo nút like facebook cho website dễ dàng
Tạo nút like Facebook cho Website WordPress bằng plugin

Vị trí hiển thị: Lựa chọn nơi để hiển thị nút like và share Facebook có thể được tùy chỉnh theo các tùy chọn sau:

  • Trang chủ (Homepage).
  • Tất cả các trang (All pages).
  • Tất cả bài viết (All posts).
  • Tất cả các trang lưu trữ (All archive pages).
  • Loại trừ trang và bài viết cụ thể (Exclude specific pages and posts).
  • Bật nút like trên di động (Responsive layouts): Cho phép hiển thị nút like Facebook trên thiết bị di động. Bạn có thể chọn Yes hoặc No.

Cài đặt khác:

  • App ID: Nhập App ID của Facebook mà bạn đã tạo.
  • Admin ID: Điền ID hoặc tên người dùng Facebook cá nhân của bạn.
  • Trang web dành cho trẻ em (Kid Directed Site).
  • Ảnh mặc định (Default Image): Chọn ảnh mặc định để hiển thị khi chia sẻ nếu bài viết không có ảnh đại diện.
  • Shortcode: Để chèn nút like vào bất kỳ vị trí nào.
  • Đoạn mã (Code Snippet): Sử dụng đoạn mã PHP để chèn nút like vào vị trí trong theme.
  • Trước hoặc sau (Before or After) để hiển thị nút like ở đầu hoặc cuối nội dung của trang hoặc bài viết.

Tùy chọn hiển thị nút like:

  • Loại nút like (What to like).
  • Tùy chọn nút like cho từng trang/bài viết riêng biệt (Each page/post will have its own like button).
  • Nút like cho toàn bộ trang (Entire Site).

Cấu hình chi tiết:

  • URL đường link (URL): Nhập đường link mà bạn muốn người đọc like và share lên Facebook.
  • Ngôn ngữ (Language).
  • Độ rộng (Width).
  • Vị trí (Position): Căn lề cho nút like và share (bên trái, chính giữa, bên phải).
  • Bố cục (Layout).
  • Loại hành động (Action Type): Chọn loại hành động (like hoặc recommend).
  • Màu sắc (Color).
  • Kích thước nút (Button Size).
  • Bao gồm nút share (Include Share Button).

Bước 3: Sau khi thiết lập các tùy chọn tại menu WP Like Button, nhấn Save Settings để lưu lại cài đặt của bạn. 

3. Lời kết 

Như vậy, bài viết trên đây đã hướng dẫn bạn chi tiết 2 cách tạo nút Like Facebook cho Website bình thường và cả WordPress. Hy vọng rằng bạn đọc đã thực hiện thành công và đừng quên truy cập, theo dõi chúng tôi tại amaiagency.com để “bỏ túi”  thêm nhiều thủ thuật chăm sóc Website khác nhé.

Chuyên mục bài viết

Bài viết mới

  • All Posts
  • Học content Marketing
  • Khóa học Youtube
  • Kiến thức Facebook
  • Kiến thức Google
  • Kiến thức Google Adsense
  • Kiến thức Instagram
  • Kiến thức landing page
  • Kiến thức Marketing
  • Kiến thức SEO
  • Kiến thức Tiktok
  • Kiến thức website

Tin xem nhiều

  • All Posts
  • Học content Marketing
  • Khóa học Youtube
  • Kiến thức Facebook
  • Kiến thức Google
  • Kiến thức Google Adsense
  • Kiến thức Instagram
  • Kiến thức landing page
  • Kiến thức Marketing
  • Kiến thức SEO
  • Kiến thức Tiktok
  • Kiến thức website
Edit Template