Service
About
分散SNS関係の (Web) サービス (役務) 全般について記す。
以下のようないくつかの分類・テーマがあるように感じる。
- post
- share
- search
- media
- emoji
- commnunity
- block
GNU social JP Webでは「service | GNU social JP Web」のカテゴリーになる。
テーマ別に記す。
SNSへの共有ボタンサービス。
サイトへの反響やバズ、露出をユーザー駆動で促進できる。
基本的には該当記事、情報を読み終わってからシェア、共有したいというのが心理なので、ページ下部に設置することになる。
対応サービス。
以下のSNSへの共有に対応していればひとまずいいのではないかと思われる。
- X/Twitter
- Threads
- Hatena Bookmark
- Nostr
- ATP/Bluesky
- Mastodon
- Misskey
Mastodon/Misskeyは以下のようなサービスがある (ソーシャルボタン | Mastodon日本語Wiki Archive)。
- donshare
- Misskey Share (Misskeyへの共有ボタン設置サービスMisskey Share | GNU social JP Web、役務: [Misskey Share のURLを簡単に作れるサイト [Misskey Share URL作成ツール(非公式)] | GNU social JP Web])
- Fedibuzzer (役務: 多数の実装に対応した分散SNS向けシェアボタンFedibuzzer | GNU social JP Web)
- マストドンでも「ツイート」「シェア」のようにサイトに設置できる「Mastoshare」ボタン:マストドンつまみ食い日記 - ITmedia NEWS
- マストドンのシェアボタンを自作した(追記あり)(今日から使えます) - Lambdaカクテル
- Webページに「Mastodonで記事をシェア」ボタンを設置するコード | かちびと.net
- Mastoshare
記事にしていないが、AddToAny (自分の好きなサービスに共有できるシェアボタン「AddToAny」がスゴい!【Mastodon・Misskeyユーザー必見】 - ももつきのーと) やEasy Share (「Easy Share」を作りました - Blog - nzws.me) というのもある。
Threadsは登場したばかり。
- 役務: Threadsの最初?のソーシャルプラグインTHREADEMBED | GNU social JP Web
- 役務: Threadsの共有ボタンのWordPressコードSHARE ON THREADS | GNU social JP Web
- 役務: 140以上のサービスに対応した老舗シェアサービスShareaholicでのThreads対応 | GNU social JP Web
- 役務: 20のサービスに対応したWordPressの有名シェアプラグインHubbubのThreads対応 | GNU social JP Web
WordPressサイトに設置するならプラグインというのもあり。だが、WordPress以外への設置も考えると、HTMLコードでできるのがいいだろう。
だいたい、共有ボタンでやることは、サイトのタイトルとURLをコピーして、該当SNSの投稿画面のWeb Intent URLを開くだけ。やること自体はたいしたことない。
分散SNSの場合、自分のアカウントのあるサーバーのURLになる必要があり、そこで工夫が必要になる。集中SNSだと共有先が固定URLでも問題ない。
AddToAnyなどのシェアサービスだと、自分のサーバーを経由するために、addtoanyのサーバーを一度経由することになる。これが、無関係な外部サイトの経由が必要なのがいまいち。その場でモーダルなどでできるようにしたい。
「マストドンのシェアボタンを自作した(追記あり)(今日から使えます) - Lambdaカクテル」がよさそう。だが、Mastodon専用。
やることはシンプルで、localStroageで一度選択したドメインを保存してURLを呼び出すだけでそんなに難しいことはない気がしている。自作してもいいのだけど、時間が気になる。
- Hatena bookmark: https://b.hatena.ne.jp/entry/s/web.gnusocial.jp/post/2024/02/09/10094/ (scheme部分https://なし)
- X/Twitter: https://twitter.com/intent/tweet?text=[title]&url=[url]
- Facebook: https://www.facebook.com/sharer/sharer.php?u=[url]&t=[title]
- Threads: https://www.threads.net/intent/post?text=[text]
- Copy: navigator.clipboard.writeText(document.title+' '+location.href);
- Mastodon/Misskey: /share?text=[text] (SNS・Fediverseの投稿インテントURL · えやみぐさ)
JavaScriptでURLにわたす際はencodeURIComponentでエンコードするのが基本。
Follow
Shareボタンと同様のボタンにフォローボタンがある。これはSNSのプロフィール画面へのリンク。一緒に設置するとよいだろう。主なURLの形式を記載しておく。
- RSS: host/feed (WordPress)
- Feedly: https://feedly.com/i/discover/sources/search/feed/https%3A%2F%2Fweb.gnusocial.jp
- Facebook: https://www.facebook.com/profile.php?id=61556435340202
- X/Twitter: https://x.com/[username]
- Threads: https://www.threads.net/[@username]
- Bluesky: https://bsky.app/profile/[handle or did]
- GNU social: https://domain/[username]
- Mastodon/Misskey: host/@[username]