Cách nhúng fanpage Facebook vào website wordpress và blogspot

Hiện tại fanpage Facebook đã là thứ quá quen thuộc với mọi người, có thể nói bây giờ nhà nhà có fanpage, người người có fanpage mất rồi, như TìmTòi.Info cũng vừa tạo một fanpage Facebook Tìm Tòi(khoe tý xíu mặc dù nó rất chi là cùi). Vậy giờ làm sao để phát triển fanpage này đây? Đơn giản nếu bạn đang có một website thì hãy nhúng fanpage facebook vào website ngay, dù website code tay hay wordpress, blogspot,… gì cứ phang vào hết để tăng lượt tiếp cận cho fanpage.

Không luyên thuyên nữa, mình vào luôn hướng dẫn cách chèn fanpage facebook vào website đây!

Chuẩn bị trước khi nhúng fanpage vào website

Để thực hiện đầu tiên dĩ nhiên bạn phải có 2 thứ sau:

  • fanpage fb muốn chèn vào website
  • Website, wordpress, blogspot,…(Dĩ nhiên bản phải có quyền quản trị thì mới chèn được nhé!)

Các bước thực hiện đơn giản như sau:

Bước 1 tạo mã:

Truy cập vào đường dẫn: https://developers.facebook.com/docs/plugins/page-plugin xuất hiện giao diện như bên dưới:

Hướng dẫn cách nhúng fanpage facebook vào website

Hướng dẫn cách nhúng fanpage facebook vào website

Chú thích:

  • (1) URL trang facebook: Chính là đường dẫn trang fanpage của bạn.
  • (2) Chiều rộng: Chiều rộng của vùng chứa hiển thị trên website(thông thường không cần điền bạn chỉ cần tick vào ô “phù hợp với chiều rộng vùng chưa plugin” là nó sẽ tự động co dãn theo vị trí bạn chèn fanpage vào)
  • (3) Tab: Là nội dung của fanpage bạn muốn hiển thị thêm trên plugin này ví dụ như dòng thời gian, tin nhắn sự kiện(cái này bạn muốn hiển thị thì phải ghi tiếng Anh ví dụ nó mặc định là timeline tức là dòng thời gian, thông thường mình thấy không ai điền cái này nên mình để trống luôn)
  • (4) Chiều cao: bạn có thể điền tùy ý hoặc để trống(chiều cao tối thiểu điền là 70px, mặc định là 500px nếu để trống)
  • (5) Màng hình hiển thị xem trước, bạn có thể xem để biến sau khi chèn vào website thì nó sẽ hiễn thị như thế nào, nếu thấy chưa phù hợp có thể điều chỉnh lại mục (1), (2), (3), (4)  và thử tick vào các ô bên dưới.
  • (6) Nút lấy mã: sau khi điều chỉnh phù hợp mọi thông số rồi thì bạn nhấp vào nút này để lấy mã code để chèn vào website hoặc blog của mình.

Ok bây giờ đã hoàn thành 70% công việc nhúng fanpage vào website rồi đơn giản quá phải không nào, bắt đầu bước 2 nhé!

Bước 2: nhúng mã vào website

Sau khi nhấp vào nút lấy mã bạn sẽ có giao diện như sau:

Chọn Iframe để lấy code chèn cho đơn giản nhé!

Chọn IFrame để lấy code chèn cho đơn giản nhé!

Ở đây có 2 cách để chèn fanpage vào website: SDK JavascriptIFrame, theo mình thì bạn nên chọn IFrame cho nhanh gọn nhé, sau này nếu thích muốn gỡ bỏ cũng dễ dàng hơn!

Nhấp phải chuột chọn "Sao chép" mã IFrame

Nhấp phải chuột chọn “Sao chép” mã IFrame

Sau đó bạn chỉ việc dán mã IFrame vào bất kỳ nơi nào trên trang web mà bạn muốn hiển thị fanpage là xong thông thường thì mình thấy mọi người hay chèn vào phần footer(chân trang) hoặc ở phần sidebar.

Ví dụ chèn fanpage vào phần Footer của wordpress:

Đơn giản bạn chỉ cần dán đoạn mã IFrame vào widget footer trong wordpress là xong.

Chọn Giao diện >> Widget

Chọn Giao diện >> Widget

Thêm widget "Văn bản" vào vị trí bạn muốn

Thêm widget “Văn bản” vào vị trí bạn muốn ở đây mình chọn Footer widget 3

Chọn tab văn bản sau đó dán đoạn mã IFrame vào

Chọn tab văn bản sau đó dán đoạn mã IFrame vào và lưu lại là xong

Nếu trang web của bạn không có thiết kế widget ở Footer bạn có thể vào Giao diện >> sửa, chọn file footer.php sau đó thêm đoạn mã vào vị trí bạn mong muốn.

Ví dụ nhúng fanpage fb vào blospot:

Việc chèn đoạn mã vào blogspot cũng tương tự như WordPress và có phần dễ dàng hơn, bạn chỉ cần vào mục Bố cục >> Thêm tiên ích, chọn tiên ích HTML/Javascript sau đó dán đoạn mã vào và lưu bố cục là xong.

Chọn bố cục >> Thêm tiện ích >> HTML/Javascript

Chọn bố cục >> Thêm tiện ích >> HTML/Javascript

Dán đoạn mã IFrame vào rồi bấm nút lưu >> lưu bố cục là xong

Dán đoạn mã IFrame vào rồi bấm nút lưu >> lưu bố cục là xong

Việc nhúng mã IFrame fanpage facebook vào website code tay hay các blog khác cũng tương tự như vậy ở đây mình không có tài nguyên để thị phạm cho các bạn, mong các bạn bỏ qua.

Một số lưu ý khi nhúng fanpage facebook vào website, wordpress, blog,…

  • Không thể nhúng fanpage facebook có hạn chế quyền riêng tư vào website, wordpress, blog,…
  • Nếu trang của bạn có nút kêu gọi hành động như: gọi ngay, mua ngay, đặt hàng,… thì nó sẽ hiển thị thay thế cho nút chia sẻ.
  • Bạn có thể thêm các tab dòng thời gian, sự kiện, tin nhắn lần lượt băng các từ: Timeline, events, messages. Dĩ nhiên bạn có thể thêm 1 hoặc nhiều tab hoặc không sử dụng(thêm tab vào mực số (3) nhé!)
  • Nhớ điều chỉnh ngôn ngữ ở tab SDK Javascripts(kế bên tab IFrame khi bấm nút lấy mã) để phù hợp với ngôn ngữ website của bạn.

Trên đây là chia sẻ cách nhúng, chèn fanpage facebook vào website, wordpress, blog,… hy vọng nó sẻ hữu ích đối với bạn. Trong bài viết có gì thiếu sót mong các bạn bỏ qua hoặc góp ý vào phần bình luận để mình cải thiện. Nếu bạn thấy bài viết hữu ịch hãy cho mình 1 like 1 share ủng hộ tinh thần nhé!

(Bài viết thuộc bản quyền của https://timtoi.info/ vui lòng ghi rõ nguồn khi copy)

Bình luận:
Cách nhúng fanpage Facebook vào website wordpress và blogspot
5 (100%) 3 votes