Thêm liên kết có thể tweet trong nội dung của bạn với InlineTweet.js

Bạn sẽ thấy tính năng này rất nhiều trên các trang web lớn như TechCrunch và Mashable. Bạn sẽ đọc một bài báo và nhận thấy rằng toàn bộ câu là đánh dấu như một liên kết.

Tuy nhiên, khi bạn nhấp vào nó sẽ mở một cửa sổ tweet yêu cầu bạn chia sẻ đoạn văn bản đó với những người theo dõi Twitter của bạn. Đó là một cách tuyệt vời để Lưu lượng truy cập đến trang web của bạn và khuyến khích nhiều cổ phần xã hội hơn.

Để tái tạo hiệu ứng này trên trang web của bạn, hãy thử InlineTweet.js. Nó có thể giúp bạn tiết kiệm hàng giờ thời gian thiết lập bằng cách thêm chức năng này ngay vào trang của bạn.

Plugin JavaScript miễn phí này rất dễ cài đặt và thậm chí nó còn có một plugin WordPress miễn phí nếu bạn thích tuyến đường đó.

Nó không yêu cầu bất kỳ phụ thuộc JavaScript nào, vì vậy bạn có thể chạy sans-jQuery này.

Tất cả nội dung hoạt động trực tiếp thông qua các thuộc tính dữ liệu, vì vậy bạn sẽ thiết lập từng cái một, dựa trên nội dung của bạn. Đương nhiên, plugin WordPress làm cho việc này dễ dàng hơn rất nhiều, vì vậy nếu bạn muốn kiểm soát nhiều hơn thì đây là một lựa chọn tuyệt vời.

Trên trang kịch bản chính, bạn sẽ tìm thấy một vài đoạn mã chứng minh làm thế nào điều này hoạt động.

Bạn chỉ cần đưa tập lệnh JS vào trang của mình và sao chép một số CSS vào biểu định kiểu của bạn (chỉ có 3 khối). Từ đó, bạn có thể chắp thêm mã HTML như thế này:

  Lorem Khaled Ipsum là chìa khóa thành công  

Các chỉ yêu cầu mặt hàng đây là đỉnh dữ liệu nội tuyến-tweet thuộc tính. Đây là điều duy nhất bạn cần để có được hiệu quả làm việc, mọi thứ khác là tùy chọn.

Nhưng, những lựa chọn bổ sung đó làm nên sự khác biệt bởi vì chúng thêm các tính năng cho tweet được tạo tự động:

• Dữ liệu nội tuyến-tweet-via - thêm một @mention vào tweet
• Thẻ dữ liệu-dòng-tweet - gắn các thẻ vào tweet (nếu có phòng)
• Dữ liệu nội tuyến-tweet-url - bao gồm một URL có thể nhấp trong tweet của bạn

Việc thiết lập có thể khó khăn, đó là lý do tại sao tôi khuyên bạn nên sử dụng plugin WordPress nếu bạn có thể.

Nhưng, nó không tệ lắm nếu bạn chỉ sao chép / dán nội dung vào bất kỳ văn bản nào bạn muốn tweet. Và đối với một plugin miễn phí, điều này rất nhẹ.

Hãy xem qua trang demo để thấy điều này trong thực tế và xem xét repo GitHub nếu bạn muốn tìm hiểu thêm.