web-dev-qa-db-ja.com

HTMLのみを使用するFacebook、Twitter、およびGoogle +1ボタン（Javascriptなし）

Facebook、Twitter、Google +1の「共有」ボタンをHTMLのみを使用して作成する方法があるかどうかを知りたいのですが、Javascriptをコードに挿入する必要はありません。

たとえば、以下で説明する方法を使用して、これらのボタンを動的に作成できます。ただし、それらはすべてJavascriptを動的にロードし、バックグラウンドで独自のコードを作成することになります。

htmlfacebookurltwittergoogle-plus-one
15
Andrew Odri

次のリンクは、適切ないいね、ツイート、+ 1を登録します。

これらのリンクは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>
24
Andrew Odri

googleplusは上記の例では機能しません。

私はこれをグーグルプラスに使用しました。

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

出典：

6
sunnyuff

これは、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>
2
Deano