キーワード†

• ソーシャルボタン
• Facebook
• Twitter

概要†

自前の画像とかテキストをソーシャルボタン的にしたいときのアンカー(aタグ)。

方法†

Facebook†

<a href="https://www.facebook.com/sharer/sharer.php?u={PAGE_URL}">Facebook</a>

Twitter†

<a href="https://twitter.com/intent/tweet?text={PAGE_TITLE}&url={PAGE_URL}&via={YOUR_ACCOUNT}">Twitter</a>

解説†

{PAGE_URL}や{PAGE_TITLE}はJavaScriptで次のように取得できる。

var page_url = document.URL;
var page_title = document.title;

さらに{PAGE_URL}はURIエンコードすること。

encodeURI(page_url)

Facebook†

u

シェアさせたいページのURL

Twitter†

text

シェアさせたいページのページ名

url

シェアさせたいページのURL

via

自分のTwitterアカウント

参考†

• Facebook
• Twitter でリンクを共有する