Кнопки Facebook, Twitter и Google +1, использующие только HTML (без JavaScript)

Question

Я хотел бы знать, существует ли метод для создания кнопок "поделиться" для Facebook, Twitter и Google +1, используя только HTML, без необходимости вставлять какой-либо Javascript в код в любой момент.

Например, вы можете использовать методы, описанные ниже, чтобы динамически создавать эти кнопки; однако все они в конечном итоге загружают Javascript динамически и создают собственный код за кулисами:

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

Answer 1

Следующие ссылки будут регистрировать соответствующие лайки, твиты и +1:

• 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

Эти ссылки будут работать для 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>

щебет

<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 не работает в приведенном выше примере.

Я использовал это для 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>

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

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

Источники:

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

Answer 3

Это довольно полезная статья, которая дает ответ, который вы ищете, не используя 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>