Nút Facebook, Twitter và Google +1 chỉ sử dụng HTML (Không có Javascript)

Question

Tôi muốn biết liệu có phương pháp tạo nút "chia sẻ" cho Facebook, Twitter và Google +1 bằng chỉ sử dụng HTML hay không phải được chèn vào mã bất kỳ lúc nào.

Ví dụ: bạn có thể sử dụng các phương pháp được mô tả bên dưới để tạo các nút này theo cách động; Tuy nhiên tất cả đều kết thúc tải Javascript động và tạo mã riêng của họ đằng sau hậu trường:

• http://developers.facebook.com/docs/reference/plugins/like/
• http://twitter.com/about/resources/buttons
• http://www.google.com/webmasters/+1/button/

Answer 1

Các liên kết sau sẽ đăng ký Likes thích hợp, Tweets và + 1s:

• http://www.facebook.com/sharer.php?u=http://example.com
• http://twitter.com/share?url=http://example.com&text=Description
• https://plusone.google.com/_/+1/confirm?hl=en&url=http://example.com

Các liên kết này sẽ làm việc cho Wordpress:

Facebook

<a href="http://www.facebook.com/sharer.php?u=<?php if(is_home()){echo home_url();}else{the_permalink();} ?>" target="_blank" title="Share this page on Facebook">Like</a> 

Twitter

<a href="http://twitter.com/share?url=<?php if(is_home()){echo home_url();}else{the_permalink();} ?>&text=<?php the_title(); ?>" target="_blank" title="Tweet this page on Twitter">Tweet</a> 

Google +1

<a href="https://plusone.google.com/_/+1/confirm?hl=en&url=<?php if(is_home()){echo home_url();}else{the_permalink();} ?>" target="_blank" title="Plus one this page on Google">+1</a> 

Answer 2

google plus không làm việc trong các ví dụ trên.

Tôi đã sử dụng tính năng này cho google plus.

<div id="custom-google-button"> 
    <a href="https://plus.google.com/share?&hl=en&url=YOUR_URL_to_share" target="_blank">google+</a> 
</div> 

Trong Wordpress:

<a href="https://plus.google.com/share?hl=en&url=<?php if(is_home()){echo home_url();}else{the_permalink();} ?>" target="_blank" title="Plus one this page on Google">google+</a> 

Linkedin:

<div id="custom-linkedin-button"> 
    <a href="http://www.linkedin.com/shareArticle?mini=true&url=YOUR_URL_to_share" target="_blank">Linkedin</a> 
</div> 

Trong Wordpress:

<a href="http://www.linkedin.com/shareArticle?mini=true&url=<?php if(is_home()){echo home_url();}else{the_permalink();} ?>" target="_blank">Linkedin</a> 

Nguồn:

• https://developers.google.com/+/plugins/share/
• https://developer.linkedin.com/documents/share-linkedin

Answer 3

Đây là một bài viết khá hữu ích cung cấp câu trả lời bạn đang tìm kiếm mà không sử dụng bất kỳ PHP - http://www.hanselman.com/blog/AddSocialSharingLinksToYourBlogWithoutWidgetJavaScript.aspx

TWITTER

<a href="https://twitter.com/intent/tweet?url=YOURURLHERE&text=YOURPOSTTITLEHERE&via=YOURTWITTERNAMEHERE">Twitter</a> 

FACEBOOK

<a href="https://facebook.com/sharer.php?u=YOURURLHERE">Facebook</a> 

GOOGLE +

<a href="https://plus.google.com/share?url=YOURURLHERE">Google+</a>