SNS ボタンをオリジナルデザインにするコードの覚え書き

Facebook, Twitter, LINE などの SNS ボタンをオリジナルデザインにするコードの覚え書きです。

※ 文字列や URL は全て URL エンコードしてから記述します。

Twitter ———————————————————————-

コードは次のような感じです。

<a href="http://twitter.com/share?text=ツイートするテキスト&amp;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>

動作サンプルは次の通り。

Facebook シェアボタンのサンプル

LINE ———————————————————————-

LINE は、スマホで更に LINE アプリがインストールされていないと動きません。

コードは次のような感じです。

<a href="http://line.me/R/msg/text/?テキスト%20アドレス" target="_blank">LINE</a>

動作サンプルは次の通り。

LINE で送るボタンのサンプル

以上です。新しいコードを見つけたら追記します!(^_^;)

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です