Cách nhúng Facebook Comment vào Website


Cách nhúng Facebook Comment
Việc nhúng ô Facebook Comment vào website là công cụ tuyệt vời giúp bạn tương tác với khách hàng - đa số khách hàng đều có tài khoản trên mạng xã hội Facebook, qua đó bạn có thêm nhiều traffic, giữ chân khác ở lại website lâu hơn.

Bài viết có nhiều comment chứng tỏ được nhiều người quan tâm, sự tin tưởng cũng sẽ tăng lên. Bạn có thể lấy được phản hồi từ khách hàng và tương tác trực tiếp với họ.

Facebook Comment chính là cách để bạn kết nối, tương tác với khách hàng.

Tại sao bạn nên sử dụng Facebook Comment trong website

  • Giao diện đơn giản, thân thiên.
  • Người dùng không phải đăng nhập vì đã có sẵn tài khoản Facebook
  • Bạn không tốn công lập trình, không phải lưu trữ và quản lý các comment.
  • Nội dung bình luận được chia sẻ cho bạn bè của người bình luận.
  • Có thêm một lượng lớn traffic miễn phí đến từ mạng xã hội
Cách nhúng facebook comment vào website

    Những hạn chế khi dùng Facebook Comment cho Website

    • Bạn phải quản lý các comment thông qua Facebook.com.
    • Không có giá trị về SEO bởi vì ô bình luận sử dụng iframe.
    • Bị kiểm soát bởi bên thứ 3, phụ thuộc tốc độ tải của Facebook,
      đôi khi có thể bị chặn, đứt cáp quang,..

    CÁC BƯỚC CÀI ĐẶT FACEBOOK COMMENT

    Bước 1. Tạo 1 Facebook APP mới


    • Bạn chọn platform là: Website  (Facebook cho phép nhúng comment vào 4 nền tảng ứng dụng: iOS, Android, FB Canvas, Website):
    Facebook comment Platform website
    • Bạn nhập tên miền (ví dụ: MocMeo.com), Facebook sẽ sinh ra đoạn code. Bạn copy đoạn code này và nhúng vào phần <body> của tất cả các trang trên website:
    Facebook comment: thêm tên miền website

    Bước 2.  Nhúng Facebook Comment vào Website
    Yêu cầu: bạn cần có quyền sửa code website, hoặc gửi cho người có quyền chỉnh sửa.

    1. Thêm đoạn code như hình trên vào trong phần <body> của các trang web
    Kết thúc bước này, bạn đã hoàn thành việc nhúng Facebook SDK vào website. Bây giờ, bạn có thể đặt bất cứ thứ gì lên trang web: nút Login, Like, Share, Comment,..

    2. Đặt đoạn mã để nhúng ô Facebook Comment:

    Cách 1: Làm nhanh, đặt đoạn code sau đây vào bất kỳ vị trí nào bạn muốn hiển thị ô comment:
    <div class="fb-comments" data-href="https://mocmeo.com"
    data-width="500" data-numposts="5"></div>


    Trong đó:
    • data-href:  địa chỉ trang web đặt comment
    • data-width: chiều rộng ô comment (pixels)
    • data-numposts:  số comments được hiển thị, mặc định là 5
    Cách 2: Thực hiện theo các bước:
    Facebook comment plugin
    • Màn hình hiện lên với 2 đoạn code HTML: Facebook SDK (bạn đã nhúng ở bước 1) và đoạn code thứ 2 là Comment Plugin. Bạn hãy copy đoạn code thứ 2 và đặt vào bất cứ vị trí nào trên trang web muốn hiển thị ô comment:

    Sau khi cài đặt, bạn sẽ nhìn thấy ô comment ở trong bài viết.

    Vấn đề tiếp theo là gì ?
    • Làm sao biết được khi nào ai đó comment?
    • Cấp quyền cho ai đó làm mod quản lý comment?
    • Quản lý các nội dung comment này ở đâu ?

    Bước 3. Quản lý các Facebook Comments

    • Truy cập: https://developers.facebook.com/tools/comments
    • Đây là nơi bạn quản lý các comment trên website. Bạn có thể ẩn comment, block user,...
    • Public: liệt kê các bình luận được hiển thị trên website
    • Hidden: các bình luận đã bị ẩn khỏi trang web (bạn của người bình luận vẫn thấy).

    Khi ai đó bình luận trên website, các quản trị viên (Moderator) sẽ nhận được thông báo trên trang Facebook cá nhân của họ. Bạn có thể thêm / bớt quản trị viên bằng cách bấm vào Settings. Bạn có thể duyệt các bình luận của người dùng trên ô comment trên website.

    Bạn quay trở lại trang web, kéo xuống phần comment. Nếu thấy xuất hiện tab Moderator view (Công cụ kiểm duyệt) là OK

    Cách nhúng facebook comment vào website
    Vậy là bạn là hoàn thành việc cài đặt công cụ Facebook Comment vào website rồi đó.

    Chúc bạn thành công!
    @Nguyễn Trọng Thơ - Marketing Online Master


    ----------------------------------------------------------------
    P/S: Ví dụ cài đặt Facebook comment trên inet.edu.vn:

    1. Bổ sung thuộc tính sau vào thẻ <HTML>
      <html ... xmlns:fb="http://ogp.me/ns/fb#">

    2.Cài đặt quản trị viên bằng cách đặt 1 trong 2 dòng sau ở <head>
    <meta property="fb:admins" content="{YOUR_USER_ID}"/>
    (Nếu có nhiều admin thì các ID phân tách bằng dấu phẩy)

    Hoặc

    <meta property="fb:app_id" content="{YOUR_APP_ID}" />
    (Các admin của APP được quản trị comments)


    3. Đặt code HTML dưới thẻ <BODY>
    <div id="fb-root"></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src =   "//connect.facebook.net/vi_VN/all.js#xfbml=1&appId=YOUR_APP_ID";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

    4. Đặt code HTML ở vị trí bạn muốn hiển thị ô comment
    <fb:comments href="http://tin.vn" colorscheme="light" numposts="5" width="500"></fb:comments>

    Nhận xét

    1. Facebook giờ được dùng khắp nơi. Việc nhúng vào là vô cùng cần thiết

      Trả lờiXóa
    2. mình chèn code comment vào editor > single game.php thì comment mỗi bài viết đều hiển thị giống nhau, làm sao để mỗi comment cho riêng từng bài viết được

      Trả lờiXóa
      Trả lời
      1. mình cũng đang bị tình trạng tương tự, bình luận của bạn tận tháng 5 master bài viết sao không hỗ trợ giúp nhỉ?

        Xóa
    3. xốp dán tường 3d chỉ 2x / tấm
      https://www.facebook.com/xopdantuongmiengdantuong3d/

      - Xốp giả gạch 70x77 cm dày 4ml giá 24k/ tấm
      - Xốp giả gạch 70x77 cm dày 5ml giá 29k/ tấm
      - Xốp giả gạch 70x77 cm dày 7ml giá 35k/ tấm
      - Xốp giả gạch 70x77 cm dày 9ml giá 40k/ tấm
      Ngoài ra còn có thêm
      Xốp giả da 60x60 cm giá 48-50-55k / tấm
      Xốp giả đá 70x77 cm giá 39- 55k / tấm
      Xốp giả gỗ 70x77 cm giá 39-55k / tấm
      Xốp vân sóng 60x60 cm giá 45k/ tấm
      Xốp tân cổ điển 70x70 cm giá 36-39k / tấm
      Xốp pvc 70x70 cm giá 55-60k
      - Tấm ốp 3d nhựa pvc giá 50-55 k / tấm
      - Sàn nhựa dày 2ml giá 140-150k / m2
      - Thảm cỏ nhân tạo 2cm giá 100-110 k / m2
      - Cỏ tai chuột treo tường giá 50k/ tấm
      - Keo xịt đa năng 85-100k / chai dùng cho nội thất 3d

      Sản phẩm được bán tại địa điểm sau ( 1 số nơi sẽ không có hoặc hết mẫu - qúy khách cần liên hệ để đặt hàng )

      - 121/35 đường trung mỹ tây 13.Q12 Hcm
      Sdt 082.5368.097 - 0965.65.1907( đủ mẫu)

      - 57 đường liên khu 2-10 . p Bình Hưng Hòa A . Bình Tân. 0944.11.4971 - 0901.025.444(đủ mẫu)

      - 76 Lê Đại Hành p7.Q11 0909.72.88.11
      ( chỉ bán xốp giả gạch )

      - 103 Tô Hiến Thành p13. Q10 sdt 0938387092( tại đây chỉ bán xốp gạch 3d)

      - Bình Dương ; 10/11 khu phố Bình Đáng - Bình Hòa . Thuận An . Bình Dương. 0906.848.493( tại đây có sẵn gạch 3d)

      - Kho sỉ Hà Nội số 2 ngõ 189 đường Cầu Diễn. Quận Bắc Từ Liêm HN. 0982.555.651( đủ mẫu )

      - Kho sỉ tại Hải Phòng số 13 .Ngõ 225 Ngô Gia Tự Hải An .Hải Phòng sdt 0904473040 ( đủ mẫu)

      - TẠI CẦN THƠ VUI LÒNG NHẮN TIN ZALO HAY GỌI 0939.969.560

      ( Giá trên chỉ áp dụng tại TPHCM

      Chi tiết lên nhà truy cập website http://miengdantuong3d.com/

      + CẤU TẠO

      Cấu tạo của xốp dán tường 3d

      Xốp dán tường là dạng xốp bọt biển, được cấu tạo 3 lớp cơ bản,

      + Lớp ngoài cùng là PVC chống nước,
      + Lớp giữa chống thấm ẩm, lớp xốp dày cách nhiệt, cách âm
      + Lớp keo siêu bám dính chuyên dụng.
      + Lớp trong cùng là giấy bảo vệ keo

      + CÔNG DỤNG

      + Che phủ khuyết điểm của tường ẩm mốc, bong tróc
      + An toàn cho gia đình, chống va đập cho trẻ em khỏi tường cứng
      +Trang trí tường, tiêu âm , chống nóng,
      + Dễ dàng thi công, không phải thuê thợ, tiện lợi nhanh gọn
      + Chống thấm nước, dễ dàng lau chùi khi bụi bẩn bám vào
      + Độ bền cao so với giấy dán tường và sơn
      + Dán lên tường chưa sơn thay cho sơn hoặc tường cho tô rất tốt
      + Phù hợp cho người có thu nhập thấp, người thuê trọ sử dụng sản phẩm trong vòng đời ngắn ( 2-3 năm )
      + Sơn tường gặp nước hay bị oxi hóa, còn xốp thì không
      + Độ bền cao từ 5-8 năm
      + Phù hợp với mọi không gian gia đình spa, cửa hàng, văn phòng
      + Tự do sắp đặt theo ý muốn, phối màu sắc cho không gian hoàn mỹ
      + Độ bão hòa thấp. An toàn, không mùi độc hại
      + Dán được tất cả bề mặt của tường cũ , ẩm mốc, vách thạch cao gỗ kiếng, sắt thép .. Vv

      + HƯỚNG DẪN DÁN

      VIDEO https://www.youtube.com/watch?v=ZoAGdOV24kI&t=56s

      * Cách dán. Các bạn mua xốp về sau đó bóc sẵn keo ở mặt sau ra rồi ấn nhẹ lên tường. Dán từ trên xuống dưới và từ trái qua phải

      * Dụng cụ ÷ Dao dọc giấy, thước , kéo.. Vv

      * Cách đo. Các bạn đo 1 vách tường cần dán ví dụ cao 3 mét rộng 4 mét là 12 m2. Mà mỗi tấm bên mình 0,54 m2 . Quy ra 12 ÷ 0,54 = 22 tấm cần dùng cho vách đó nhé

      Trả lờiXóa
    4. sao mình làm chiều dài reponsive khó thể ta xem mình trên trang này với https://elyspa.vn

      Trả lờiXóa
    5. Bạn ơi, sao ở cái ô bình luận của mình, nó hiển thị 288922 bình luận của FB trên nóc khung bình luận, làm sao để nó hiển thị số bình luận của mình thôi mà không hiển thị số bình luận của FB về Plugin này trên khung bình luận của mình vậy bạn ha?

      Trả lờiXóa
    6. Mình làm được rồi, xong cmt thử, nhưng ko hiểu sao vào bài viết nào cái cmt đó cũng hiện lên, . bạn hỗ trợ giúp mình với

      Trả lờiXóa
      Trả lời

      1. Ngay href="http://tin.vn", bạn thay "http://tin.vn" bằng url của bài viết, bài viết nào thì url của bài viết ấy

        Xóa
      2. mình thay như thế này https://abc.com.vn/{{route('set_combo_office.detail',$set_combo->slug)}} mỗi trang n hiện đúng bl nhưng lúc vào quản trị thì n ko hiển thị tin nhắn nào cả, nếu để https://abc.com.vn thì n lại hiện các bác chỉ giúp e với

        Xóa
    7. Chèn cho site https://nhanvietgroup.com.vn/ nhưng nó không hiển thị mà vẫn hiển thị khung cmt cũ

      Trả lờiXóa
    8. Bài viết hay:
      http://dienlanhminhtien.com/ve-sinh-sua-chua-lap-dat-dieu-hoa-tai-da-nang-559.html
      http://dienlanhminhtien.com/sua-chua-may-giat-tai-nha-da-nang-7.html
      http://dienlanhminhtien.com/sua-chua-tu-lanh-tai-da-nang-558.html
      http://dienlanhminhtien.com/thu-mua-dieu-hoa-cu-tai-da-nang-quang-nam-560.html

      Trả lờiXóa
    9. CẢNH BÁO! Tiếp tục đọc, hoặc linh hồn của bạn sẽ được thực hiện, ngay cả khi bạn đọc từ "cảnh báo"! Có một lần là một người tên là Duke Hunapon. Anh ta lười biếng, và rất bảnh bao. Anh ấy luôn mặc một chiếc áo khoác, không có vấn đề gì ở bên ngoài. Anh ta có một người anh trai tên là Michael, người luôn làm anh ta vây quanh. Một ngày nọ, Michael bị giết, và nó ảnh hưởng rất nhiều đến Duke. Anh ta phát điên và bắt đầu giết người. Chẳng mấy chốc, anh ta đã chiến đấu với ai đó và bị giết. Bây giờ, anh ta đi lang thang xung quanh như một bộ xương cao với một chiếc áo sơ mi màu đỏ, và cùng một chiếc áo hoodie mà Duke đã mặc. Bộ xương này được gọi là "Swapfell Papyrus", và anh ta sẽ giết bạn nếu bạn không đăng bài này trên 15 phần bình luận của bất kỳ trang web nào trước khi đi ngủ. Nếu bạn thất bại, và bạn thức dậy khi anh ta ở trong phòng của bạn, cái chết của bạn sẽ chậm và rất đau đớn. Một cô gái tên Lily Lilupanin đọc điều này, và không nghe. Cô bị hãm hiếp và bị giết trong giấc ngủ. Nếu bạn sao chép và dán vào 15 phần bình luận của bất kỳ trang web nào trước khi đi ngủ, Swapfell Papyrus sẽ đảm bảo bạn cảm thấy an toàn.Tôi là nạn nhân :((

      Trả lờiXóa

    Đăng nhận xét