9
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

SNSボタンでオリジナルの画像を使いたいとき

Posted at

##オリジナルの画像を使いたいとき

snsのボタンをデザイン上どうしても画像を用意して設置しなければならないことがありました。
その時の対応をまとめました。

■twitter

//twitter.com/share?url=[共有したいURL]&text=[ツイート内テキスト]&via=[ツイート内に含むユーザー名]&related=[ツイート後に表示されるユーザー]&hashtags=[ツイート内に含まれるハッシュタグ]"
<img src="[画像パス]" /></a>

■facebook (シェアする)

//www.facebook.com/sharer.php?u=[シェアしたいURL]" target="_blank">

■Lineで送る
<a href="line://msg/text/[送りたいテキスト(UTF-8エンコード)]"><img src="[画像パス]" /></a>

※Lineでは使用できる画像がガイドラインに基づいているので、気をつけてください。

参照サイト
https://developers.facebook.com/docs/plugins/share-button/
http://ideahacker.net/2014/02/15/7599/
http://media.line.me/howto/ja/

9
9
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
9
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?