我想知道是否有一种方法可以仅使用 HTML 为 Facebook、Twitter 和 Google +1 创建“共享”按钮,而无需在任何时候将任何 Javascript 插入代码中。
例如,您可以使用下面描述的方法来动态创建这些按钮;然而,他们最终都动态加载了 Javascript 并在幕后创建了自己的代码:
我想知道是否有一种方法可以仅使用 HTML 为 Facebook、Twitter 和 Google +1 创建“共享”按钮,而无需在任何时候将任何 Javascript 插入代码中。
例如,您可以使用下面描述的方法来动态创建这些按钮;然而,他们最终都动态加载了 Javascript 并在幕后创建了自己的代码:
以下链接将注册相应的点赞、推文和 +1:
这些链接适用于 Wordpress:
<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>
谷歌+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>
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>
领英:
<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>
资料来源:
这是一篇非常有用的文章,它在不使用任何 PHP 的情况下提供了您正在寻找的答案 - http://www.hanselman.com/blog/AddSocialSharingLinksToYourBlogWithoutWidgetJavaScript.aspx
推特
<a href="https://twitter.com/intent/tweet?url=YOURURLHERE&text=YOURPOSTTITLEHERE&via=YOURTWITTERNAMEHERE">Twitter</a>
<a href="https://facebook.com/sharer.php?u=YOURURLHERE">Facebook</a>
谷歌+
<a href="https://plus.google.com/share?url=YOURURLHERE">Google+</a>