1. Hiện tại có một số member mạo danh BQT để giao dịch trên diễn đàn và đã LỪA ĐẢO khá nhiều tại chuyên mục Adwords... Mọi người cảnh giác và đọc bài: Giới thiệu giao dịch đảm bảo bởi @Admin

Hướng dẫn tích hợp facebook comment cho website không dùng plugin

Thảo luận trong 'Hỗ trợ về mã nguồn, code' bắt đầu bởi vuontrentuong, 23/11/15.

Lượt xem: 7,012
  1. vuontrentuong

    vuontrentuong Top 8

    Gia nhập:
    18/5/15
    Bài viết:
    364
    Đã được thích:
    40
    Nơi ở:
    hà nội
    Web:
    Tích hợp facebook comment cho website không dùng plugin


    Hiện nay mạng xã hội facebook đang rất là phổ biến và thịnh hành được đông đảo người dân từ già đến trẻ sử dụng.Cùng với các tính năng like,share trên facebook được tích hợp trên website rất tốt cho việc làm seo cũng như quảng cáo hình ảnh bái viết hay sản phẩm.Thì việc tích hợp facebook comment cho website cũng khá là quan trọng.Sau đây việt chia sẻ xin hướng dẫn các bạn cách tích hợp tính năng comment cho website không dùng plugin?Trước khi hướng dẫn các bạn cách tích hợp tính năng comment cho facebook thì vietchiase.net xin chỉ cho các bạn là tại sao nên dùng tính năng Facebook comment?

    Tại sao nên dùng facebook commnent?
    Với wordpress có nhiều sự lựa chọn cho tính năng comment cho website nhưng chúng chỉ cho phép người dùng bình luận và quản lý chúng.Facebook comment giúp cho bạn có thể dễ dàng quản lý ,và giúp khách hàng của bạn thấy sự tiên lợi cũng như thích thú với website của bạn?

    Một số lợi ích tính năng nổi bật của facebook comment

    -Thứ 1:Khi quan tâm đến bài viết hay sản phẩm dịch vụ của bạn người dùng có thể comment luôn mà không cần phải đăng ký hay đăng nhập.Với điều kiện là người dùng phải có một tài khoản facebook và đang ở trạng thái đăng nhập.

    -Thứ 2 khi người dùng comment chính là họ đang gián tiếp chia sẻ bài viết hay sản phẩm của bạn lên tường của họ do đó bài viết,sản phẩm,dịch vụ của bạn sẽ tiếp cận được đông đảo nhiều người

    -Thứ 3:Do tính năng comment trong facebook khi tích hợp trên website và người dùng trả lời và khi có một ai đó like hay comment đều hiện ra thông báo trên bảng thông báo của bạn

    -Thứ 4:Tránh tính trạng spam của một số anh em chuyên spam website chèn backlink

    -Thứ 5:Khi thấy có một comment xấu ảnh hưởng đến uy tín của bạn thì bạn có thể xóa và cấm người dùng.

    -Thứ 6:Có thể thêm quản trị viên để quản lý tín năng comment mà không cần phải tạo tài khoản share admin trong web.

    -Thứ 7:Đơn giản dễ sử dụng và không tốn tài nguyên của website

    Tuy nhiên ngoài những ưu điểm tính năng của vượt trội của facebook comment thì nó cũng có những mặt hạn chế như: hơi khó quản lý, facebook bị chặn gây ảnh hưởng, spammer qua facebook giờ ngày càng đông…

    Để tích hợp tính năng Facebook comment cho website ta cần phải tạo một app trên facebook

    TẠO MỘT APP TRÊN FACEBOOK
    Đầu tiên bạn sẽ phải truy cập website https://developers.facebook.com sau đó chọn Add a New App trong menu My Apps

    [​IMG]

    Nếu như bạn chưa tạo cái APP bao giờ thì bạn có thể đăng kỹ một tài khoản mới bằng cách tích vào Register as a Deverloper để đăng ký.

    Tiếp theo sẽ có một cửa sổ mới hiện ra như thế này

    [​IMG]

    Sau đó các bạn chọn hình trang web ở cuối cùng bên tay phải www,tiếp tục điện một cái tên tùy ý vào

    [​IMG]

    Sau khi chọn bạn click vào Create New Facebook App ID,do tôi đã tạo tài khoản rồi nên nó mới có hình là vietchiase.net.

    [​IMG]

    Đến đây bạn chưa dùng đến tính năng này nên bạn sẽ chọn Quick Start để đến bước tiếp theo

    Sau đó bạn sẽ được chuyển đến trang thông tin cấu hình App, bạn sẽ thấy App ID và App Secret (chọn Show để thấy mã này). Bạn nên giữ mã ở App Secret không cho ai biết.

    [​IMG]

    Tiếp theo bạn ấn vào nút setting để thiết lập cho APP

    [​IMG]

    Có nút là thêm nền tảng bạn click vào đó để thêm website sau đó sẽ điền thông tin địa chỉ của website mà bạn muốn tích hợp tính năng comment cũng như địa chỉ email của bạn như trên hình.

    Chọn status and review như hình dưới đây để bật APP

    [​IMG]

    Tích vào nút để chon yes sau đó bạn sẽ thấy App của mình hiện đèn báo xanh. Bây giờ App đã sẵn sàng sử dụng, bạn có thể copy App ID và App Secret để tiếp tục các bước sau.

    Tích hợp Facebook comment cho website

    Đầu tiên bạn phải truy cập vào https://developers.facebook.com/docs/plugins/comments sau đó bạn chọn Get Code để lấy mã chèn vào website (nội dung chỉnh sau, không cần điền thông tin vào đó).

    [​IMG]

    Ở phần App ID bạn chọn App mà bạn vừa tạo trước đó.

    [​IMG]

    Bạn chèn đoạn mã được khoanh đỏ vào trước thẻ <body> sau thẻ </head>, đồng thời chèn tiếp đoạn mã sau vào trong thẻ <head></head> với APP ID là App ID của bạn:

    <meta property=”fb:app_id” content=”APP ID” />



    [​IMG]Sau đó là ta thêm đoạn mã sau vào nơi bạn muốn khung comment hiển thị, có thể là file single.php hoặc file comments.php.

    <div class=”fb-comments” data-href=”<?php the_permalink(); ?>” data-numposts=”10″ width=”100%” data-colorscheme=”light” data-version=”v2.5″></div>

    Thế là song các bước cài đặt cấu hình thêm tính năng comment cho website mà không dùng plugin chỉ với vài thao tác và mấy dòng code đơn giản không tốn tài nguyên.
    Nguồn
    Vietchiase.net
    http://vietchiase.net/tich-hop-facebook-comment-cho-website-khong-dung-plugin/

  2. vuontrentuong

    vuontrentuong Top 8

    Gia nhập:
    18/5/15
    Bài viết:
    364
    Đã được thích:
    40
    Nơi ở:
    hà nội
    Web:
    Bạn chỉ chèn ở trang chủ là tất cả bài viết của bạn sẽ được nhé cứ tham khảo trong website của mình nhé vietchiase.net nó hiển thị y như vậy luôn
  3. steave

    steave Top 9

    Gia nhập:
    30/7/14
    Bài viết:
    387
    Đã được thích:
    18
    Nơi ở:
    Hà Nội
    Web:
    Cái này nếu dành về code thì mình nghĩ sẽ làm dễ hơn
    Không cần phải cài plugin làm gì cho nặng cả
  4. phamvantrungtin1

    phamvantrungtin1 Top 8

    Gia nhập:
    18/10/13
    Bài viết:
    323
    Đã được thích:
    30
    Được. Miễn là nó là code PHP chứ không phải ASP là được. Nhưng còn đặt ở đâu thì nó lại phụ thuộc vào theme của website. Đã giải đáp thắc mắc của bạn và report bạn với ban quản trị vì chèn link vào comment.
  5. vuontrentuong

    vuontrentuong Top 8

    Gia nhập:
    18/5/15
    Bài viết:
    364
    Đã được thích:
    40
    Nơi ở:
    hà nội
    Web:
    Mình không biết code nhưng mà vẫn sài được đó thôi bạn

Nội quy khi thảo luận:

Dù bạn có cố tình spam bằng cách nào khi BQT diễn đàn phát hiện sẽ lập tức banned nick và xoá toàn bộ bài viết của bạn. Ngoài ra khi phát hiện ra Spam hãy gửi thông báo cho BQT diễn đàn. Hãy suy nghĩ trước khi hành động..!
✓ Khi muốn trả lời ai đó, bạn gõ @ cộng thêm nick diễn đàn của người đó phía sau @, giống như tag tên trên Facebook.
✓ Yêu cầu khi bình luận, bạn phải gõ chữ rõ ràng, không viết tắt, gõ tiếng Việt đầy đủ dấu câu.
✓ Nên dùng font chữ mặc định của diễn đàn, không tô màu lòe loẹt hay dùng size chữ quá lớn khi bình luận.
✓ Bài viết, comment... không được phép quảng cáo dịch vụ, rao vặt, pr... Loại trừ ở chuyên mục Rao vặt đã cho phép.
✓ Nghiêm cấm các chủ đề dạng: Cứu em với, help me, giật tít, câu view... dưới mọi hình thức.
✓ Tất cả các thành viên tham gia diễn đàn cần đọc kỹ Nội quy chung và nghiêm túc tuân thủ.


Chia sẻ trang này

Đang tải...