Przyciski Facebooka, Twittera i Google +1 używające tylko HTML (bez Javascript)

Question

Chciałbym wiedzieć, czy istnieje metoda tworzenia przycisków "share" dla Facebooka, Twittera i Google +1 przy użyciu tylko HTML, bez żadnej Javascript w dowolnym miejscu musi być wstawiony do kodu.

Na przykład możesz użyć metod opisanych poniżej, aby utworzyć te przyciski dynamicznie; jednak wszystko kończy się ładowanie Javascript dynamicznie i tworząc swój własny kod za kulisami:

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

Answer 1

Poniższe linki zarejestrować odpowiedni lubi, tweetów i + 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

Te linki będą działać na 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 nie działa w powyższym przykładzie.

Użyłem tego dla 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> 

w 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> 

w 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> 

Źródło:

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

Answer 3

Jest to całkiem przydatny artykuł, który daje odpowiedź szukasz bez użycia 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>