某制作会社Webディレクターのメモ帳

某制作会社Webディレクターのメモ帳

自分用の備忘録として投稿をしますので、味気ないです。
見ても面白くないかもめ。

Amebaでブログを始めよう!
用意するもの
①アイコン用画像
②共有するURL
③ツイートに記述しておきたい文章
④ツイートに含みたいユーザー名


まず、アイコン用画像についてですが、かっこいいのを自分で作りましょう。


オリジナルアイコンをツイートボタンにするコード
*注意 <, > を使うとテキスト表示されないので 『 , 』で代用しています。

『a href="http://twitter.com/share
?url=共有するURL
&text=ツイート内に含める文字
&via=ツイートに含みたいユーザー名"

『img src="アイコン用画像のURL" /』
『/a』

 このa要素内に記述する、「共有するURL」、「ツイート内に含める文字」、「ツイートに含みたいユーザー名」は
 htmlエンコードをおこなって、エンコード後の文字を入れてください。

 htmlエンコードは以下のサイトで行うことができます。
 エンコードの際、文字コードはUTF-8にセットしてください。
 http://www.tagindex.com/tool/url.html
 例:こんにちは(エンコード前)→%e3%81%93%e3%82%93%e3%81%ab%e3%81%a1%e3%81%af(エンコード後、こっちの文字列を使う)


 これだけで完成です。結構簡単です。
 追加でハッシュタグなどを入れる場合は、&hashtag=任意のハッシュをurlの後ろなどに追加してください。
 ツイートに含めるurl等の順序を変えたい場合は、a要素の順序を変えればOKです。
 但し、並び替えた後の一番最初の要素は頭のみを『&(アンド)』でなく『?』としてください。