2012-06-11 5 views
15

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

たとえば、以下の方法を使用してこれらのボタンを動的に作成することができます。しかし、それらはすべて動的にJavascriptをロードし、舞台裏で独自のコードを作成して終了:

答えて

24

次のリンクを適切な好きのツイートや+を登録します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> 

ツイッター

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

FacebookのURLが、それ以上のparamsを取るのか?それともちょうど 'u'ですか? – henrywright

+0

@henrywright Facebookは今や異なる構文を好んでいるようだ。回答のスリルのURLは機能しますが、共有ダイアログを使用してこれを行う方法の詳細は次のとおりです:https://developers.facebook.com/docs/sharing/reference/share-dialog#redirectレガシーURLのオプションについて、この投稿を参照してください:http://ar.zu.my/how-to-really-customize-the-deprecated-facebook-sharer-dot-php/ –

+0

フォローアップありがとう。私はリンクを見てみましょう... – henrywright

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> 

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> 

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

源:

2

これは、あなたが任意のPHPを使用せずに探している答えを提供し、かなり有用な製品である - http://www.hanselman.com/blog/AddSocialSharingLinksToYourBlogWithoutWidgetJavaScript.aspx

TWITTER

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

GOOGLE +

<a href="https://plus.google.com/share?url=YOURURLHERE">Google+</a> 
関連する問題