Facebook, Twitter, LINE などの SNS ボタンをオリジナルデザインにするコードの覚え書きです。
※ 文字列や URL は全て URL エンコードしてから記述します。
Twitter ———————————————————————-
コードは次のような感じです。
<a href="http://twitter.com/share?text=ツイートするテキスト&url=ツイートするアドレス" target="_blank">Twitter</a>
動作サンプルは次の通り。
Facebook シェア ———————————————————————-
いいねボタンのコードを試したのですが、うまく行かず。 代わりにシェア機能を使うことにしました。
コードは次のような感じです。
<a href="http://www.facebook.com/share.php?u=シェアするアドレス" onclick="window.open(this.href, 'FBwindow', 'width=650, height=450, menubar=no, toolbar=no, scrollbars=yes'); return false;">Facebook シェア</a>
動作サンプルは次の通り。
LINE ———————————————————————-
LINE は、スマホで更に LINE アプリがインストールされていないと動きません。
コードは次のような感じです。
<a href="http://line.me/R/msg/text/?テキスト%20アドレス" target="_blank">LINE</a>
動作サンプルは次の通り。
以上です。新しいコードを見つけたら追記します!(^_^;)