Menu

  • 追加された行はこの色です。
  • 削除された行はこの色です。
*キーワード [#f596ca02]
-ソーシャルボタン
-Facebook
-Twitter

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

*方法 [#j1c651c0]
**Facebook [#d7529fc5]
 <a href="https://www.facebook.com/sharer/sharer.php?u={PAGE_URL}">Facebook</a>
**Twitter [#k7fb94de]
 <a href="https://twitter.com/intent/tweet?text={PAGE_NAME}&url={URL}&via={ACCOUNT}">Twitter</a>
 <a href="https://twitter.com/intent/tweet?text={PAGE_TITLE}&url={PAGE_URL}&via={YOUR_ACCOUNT}">Twitter</a>

*解説 [#a90fed58]
{PAGE_URL}や{PAGE_TITLE}はJavaScriptで次のように取得できる。
 var page_url = document.URL;
 var page_title = document.title;
さらに{PAGE_URL}はURIエンコードすること。
 encodeURI(page_url)

**Facebook [#b191bb8f]
:u|シェアさせたいページのURL
**Twitter [#tdd7268a]
:{PAGE_NAME}|シェアさせたいページのページ名
:{URL}|シェアさせたいページのURL
:{ACCOUONT}|自分のTwitterアカウント
:text|シェアさせたいページのページ名
:url|シェアさせたいページのURL
:via|自分のTwitterアカウント

*参考 [#e6630e74]
-
-
-[[Facebook>https://www.facebook.com/sharer/sharer.php?u=http://fukuchiharuki.me/wiki/index.php?%25E3%2582%25BD%25E3%2583%25BC%25E3%2582%25B7%25E3%2583%25A3%25E3%2583%25AB%25E3%2583%259C%25E3%2582%25BF%25E3%2583%25B3%25E3%2581%25AE%25E4%25BB%25A3%25E3%2582%258F%25E3%2582%258A%25E3%2581%25AB%25E6%2599%25AE%25E9%2580%259A%25E3%2581%25AE%25E3%2582%25A2%25E3%2583%25B3%25E3%2582%25AB%25E3%2583%25BC%25E3%2582%2592%25E4%25BD%25BF%25E3%2581%2586]]
-[[Twitter でリンクを共有する>https://twitter.com/intent/tweet?text=%E3%82%BD%E3%83%BC%E3%82%B7%E3%83%A3%E3%83%AB%E3%83%9C%E3%82%BF%E3%83%B3%E3%81%AE%E4%BB%A3%E3%82%8F%E3%82%8A%E3%81%AB%E6%99%AE%E9%80%9A%E3%81%AE%E3%82%A2%E3%83%B3%E3%82%AB%E3%83%BC%E3%82%92%E4%BD%BF%E3%81%86%20-%20%E3%83%9D%E3%82%B1%E3%83%83%E3%83%88%E3%81%8C%E3%83%81%E3%82%B1%E3%83%83%E3%83%88%E3%81%A7%E3%81%84%E3%81%A3%E3%81%B1%E3%81%84&url=http://fukuchiharuki.me/wiki/index.php?%25E3%2582%25BD%25E3%2583%25BC%25E3%2582%25B7%25E3%2583%25A3%25E3%2583%25AB%25E3%2583%259C%25E3%2582%25BF%25E3%2583%25B3%25E3%2581%25AE%25E4%25BB%25A3%25E3%2582%258F%25E3%2582%258A%25E3%2581%25AB%25E6%2599%25AE%25E9%2580%259A%25E3%2581%25AE%25E3%2582%25A2%25E3%2583%25B3%25E3%2582%25AB%25E3%2583%25BC%25E3%2582%2592%25E4%25BD%25BF%25E3%2581%2586&via=fukuchiharuki]]