15

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

たとえば、以下で説明するメソッドを使用して、これらのボタンを動的に作成できます。ただし、それらはすべて Javascript を動的にロードし、舞台裏で独自のコードを作成することになります。

4

3 に答える 3

24

次のリンクは、適切ないいね、ツイート、および +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>

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>
于 2012-06-11T23:38:28.187 に答える
6

上記の例では 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>

ワードプレスの場合:

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

ワードプレスの場合:

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

ソース:

于 2012-09-24T08:48:05.553 に答える