Tin tức và phân tích của tất cả các thiết bị di động

Cách thêm nút thích vào Facebook Lông mi

<img class = "alignright local-lazyload-js-fallback" style = "lề-trái: 5px; lề-phải: 5px;" title = "phương tiện truyền thông xã hội như" alt = "phương tiện truyền thông xã hội như chiều rộng = số 190 ″ height = xông 166 load = png xông> Bạn đã bao giờ tự hỏi làm thế nào an toàn Facebook trang thêm nút thích vào tab tùy chỉnh của bạn? Không tìm đâu xa.

Nhiều người đã hỏi tôi làm thế nào các trang web như Threadless có thể thêm nhiều nút Thích và Nhận xét vào trang Fan của họ, cho phép khách truy cập mua sắm, thích và nhận xét về bất kỳ áo phông nào trên tab Cửa hàng của họ.

Chà, hóa ra nó thực sự khá dễ dàng, sử dụng thẻ fb: bình luận ra thẻ FBML.

Sử dụng fb: ý kiếnbạn có thể thêm nút thích và hộp bình luận ở nhiều nơi trên Facebook lông mi Và, mỗi người có thể được kèm theo một phần bình luận của người dùng. Điều này cung cấp nhiều con đường hơn cho người hâm mộ để tương tác và chia sẻ nội dung của họ.

Trang Fanless Threadless – Làm thế nào để họ làm điều đó?

Trang dành cho người hâm mộ không dây Tab "Mua" hiển thị một lựa chọn sáu áo phông từ danh mục của bạn và khách truy cập có thể đặt hàng, thích và / hoặc nhận xét về từng loại.

không có chủ đề
Mỗi sản phẩm của Threadless đều có "Thêm vào giỏ hàng", nút Thích và Nhận xét.

Cột bên trái trong hình minh họa ở trên là hình ảnh sản phẩm và tùy chọn lựa chọn thả xuống. Khi người dùng thực hiện lựa chọn và nhấp vào "Thêm vào giỏ hàng", họ sẽ được chuyển hướng đến trang web Threadless.com để hoàn tất giao dịch mua.

Nội dung của cột bên phải được tạo bằng cách sử dụng fb: ý kiến Thẻ FBML:




Các tham số và giá trị được sử dụng cho fb: bình luận

  • xid: Đây là định danh duy nhất cho trường hợp này của fb: ý kiến thẻ. Nó nên bao gồm một giá trị và tôi đề nghị sử dụng một cái gì đó ngắn gọn và mô tả. Nó được giới hạn ở các ký tự chữ và số, dấu gạch nối, dấu phần trăm, dấu chấm và dấu gạch dưới. Người dùng sẽ không thấy nội dung này; nó chỉ để tạo ra một giá trị mà các nhà phát triển có thể truy cập cho các mục đích lập trình.
    Một số ví dụ là:
    xid = sản phẩm-205 ″
    xid = sản phẩm-Giày xanh
    xid = "Tân_50%"
  • canpost: Rất có thể, bạn muốn "đúng" cho giá trị này, cho biết rằng người dùng có thể đăng bình luận.
  • nến: Bạn sẽ muốn "sai" cho điều này, có nghĩa là người dùng không thể xóa bất kỳ nhận xét nào.
  • quầy: Đặt điều này thành "đúng" sẽ đặt hộp "Thêm nhận xét" bên dưới các nhận xét đã đăng, như được thực hiện trên trang Không dây.
  • trả lại: Đây là giá trị quan trọng nhất! Đây là URL mà người dùng thích khi họ nhấp vào nút Thích. Nếu người dùng đánh dấu vào ô "Đăng nhận xét về tôi Facebook Hồ sơ ", nhận xét sẽ xuất hiện trên tường của bạn dưới dạng" Thích (người dùng) (Thẻ tiêu đề trang web) tại (URL) ". Bạn có thể có bất kỳ URL hợp lệ nào cho"trở vềTham số. Threadless có trang sản phẩm trên trang web của họ là "trở về"Can đảm.

Sử dụng CSS để ẩn các phần tử không mong muốn trong thẻ fb: bình luận

Bạn có thể loại bỏ điều đó. "Facebook plugin xã hội "văn bản và logo bằng CSS.

Bạn có thể dễ dàng ẩn mục này để nó không được hiển thị. Sử dụng Plugin Firefox "Fireorms" (cần phải có cho lập trình viên!), Tôi xác định rằng cái nhỏ Facebook logo và "Facebook văn bản của plugin xã hội "được chứa trong DIV được gán cho lớp"phụ đề_left", Và DIV này có thể được ẩn, trong tất cả các trình duyệt, bằng CSS.

Để ẩn nội dung này, chỉ cần thêm:

.subtitle_left {display: none;}

vào biểu định kiểu của bạn, ẩn DIV:

Tuyên ngôn! DIV chứa logo và văn bản được ẩn khỏi màn hình: không có.

Bạn chỉ muốn nút thích? Sử dụng CSS để ẩn hộp bình luận

Nếu bạn muốn nút thích và không phải hộp bình luận, bạn có thể sử dụng "hiển thị: không có"Thuộc tính CSS để ẩn hộp thư rác.

Bởi vì tất cả các đặc điểm nhận xét được chứa trong một DIV được gán cho lớp "bình luận"(Cảm ơn một lần nữa, Fireorms!), Chỉ cần thêm quy tắc CSS sau vào biểu định kiểu của bạn:

.comment_body {hiển thị: none;}

Kết quả:

Thêm nhiều phiên bản của nút Thích

Bạn có thể có rất nhiều trường hợp fb: ý kiến Thẻ FBML trên tab tùy chỉnh của bạn như bạn muốn. Chỉ cần đảm bảo rằng mỗi cái có một giá trị "xid" duy nhất.

Cung cấp cho người dùng nhiều tùy chọn hơn chỉ đơn giản là thích trang của họ và / hoặc chia sẻ nó có nghĩa là sự tham gia của người dùng nhiều hơn và nhiều đề cập đến thương hiệu của họ xuất hiện trên tường người dùng.

Hãy thử nó và cho chúng tôi biết làm thế nào nó hoạt động. Để lại câu hỏi và ý kiến ​​của bạn vào ô bên dưới.

Mục lục