こんち。キリンノックスとやらです。
はてなブログには記事の最後にシェアボタンがありますよね。
コレを記事の最中に貼りたくはないですか？
貼りたくないですか・・・？
Twitterでシェアするボタン
どのようなものかというと
こんな感じか
こんな感じです。
実際に押すとこの記事をシェアできるようにできています。
試しに押してみてください（ゲス顔）
大丈夫です。押しただけではシェアされませんｗ
ではやり方です。
やり方
htmlにこのように書きます。
<a href=”http://twitter.com/share?url=●●●●” target=”_blank”>記事をツイート</a>
●●●●の部分に、ご自身のシェアしたい記事のurlをぶち込んでください。
コレでとりあえずのシェアボタンは完成します。
ツイート内容
ツイートの文字部分も、こちらで指定したい場合は
urlの直後に
&text=■■■■
と追加します。
<a href=”http://twitter.com/share?url=●●●●&text=■■■■” target=”_blank”>記事をツイート</a>
こんな感じです。
もちろん、■■■■にツイートして欲しい内容を書きます。
ツイート内に表示するユーザー
同じように
&via=★★★★
と追加するとツイートの中に「@★★★★さんから」とTwitterのユーザー名を表示することができます。
おすすめユーザー
&related=▶▶▶▶
を追加するとシェアした直後におすすめユーザーとして▶▶▶▶が表示されます。
ハッシュタグ
&hashtags=▲▲▲▲
と追加するとハッシュタグをつけることができます（「#▲▲▲▲」と追加される）
２つ以上ハッシュタグをつけたいときはカンマで区切ります。
&hashtags=▲▲▲▲,▼▼▼▼,△△△△
という感じです。
ボタン風にする
ボタンは画像でやっています。
まず、ボタンに使いたい画像をはてなブログの記事編集画面に貼り付けます。
っで、htmlを見ると、画像のhtmlが
<img src=”https://cdn-ak.f.st-hatena.com/images/fotolife/なんちゃらかんちゃら />
という感じになっていると思うので、コレを切り取って
先程の
<a href=”http://twitter.com/share?url=●●●●&text=■■■■&via=★★★★&related=▶▶▶▶&hashtags=▲▲▲▲,▼▼▼▼,△△△△” target=”_blank”>記事をツイート</a>
これの、記事をツイート部分に貼り付けます。
<a href=”http://twitter.com/share?url=●●●●&text=■■■■&via=★★★★&related=▶▶▶▶&hashtags=▲▲▲▲,▼▼▼▼,△△△△” target=”_blank”> <img src=”https://cdn-ak.f.st-hatena.com/images/fotolife/なんちゃらかんちゃら /></a>
完成。
ちなみに最初のボタンのコードはこのようになっております。
<a href=”http://twitter.com/share?url=https://www.kirinnox.com/entry/tweet-bottun&text=この記事わかりやすい&via=kirinnoxcom&related=kirinnoxcom&hashtags=シェアボタン,キリンノックスのブログ,はてなブログ” target=”_blank”>記事をツイート</a>
ボタンの方
<a href=”http://twitter.com/share?url=https://www.kirinnox.com/entry/tweet-bottun&text=この記事わかりやすい&via=kirinnoxcom&related=kirinnoxcom&hashtags=シェアボタン,キリンノックスのブログ,はてなブログ” target=”_blank”><img src=”https://cdn-ak.f.st-hatena.com/images/fotolife/～～～～～～></a>
あ、この画像好きに使ってくださいｗ（30秒で作ったw）
そして、シェアしろください。
いえ、すみませんでした。
シェアしなくて大丈夫です。
またね。
関連記事
コメント