サイトに「Blueskyで共有」ボタンを設置する。

どうやら Bluesky の利用者が増え続けているそうだ。とても好ましい。

ということで、更なる Bluesky ユーザーの増加を見込んで、当サイトに「𝕏で共有」のような「Blueskyで共有」ボタンを設置することにしよう。

Authors, websites, and apps can use action intent links to implement "Share on Bluesky" buttons, or similar in-app actions.

　︙

The web URL endpoint is https://bsky.app/intent/compose, with the HTTP query parameter text. Remember to use URL-escaping on the query parameter value, and that the post length limit on Bluesky is 300 characters (more precisely, 300 Unicode Grapheme Clusters).

アクションインテントリンクを利用して "Share on Bluesky" ボタンなどを作れます。

　︙

URLエンドポイントは https://bsky.app/intent/compose で、クエリパラメータは text です。クエリの値はURLエンコードが必要、最大長は300文字。

…と書いてある。

要するに、いちばんシンプルなかたちであれば、以下のようなコードで「Blueskyで共有」ボタンの設置は完了な筈。

上記の説明にあるとおり、共有したいテキスト はURLエンコードされている必要があります。うちのこちらのページで文字列のエンコード/デコードができるので、よろしければどうぞ。

実際に設置してみる。

<a href="https://bsky.app/intent/compose?text=%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AB%E3%80%8CBluesky%E3%81%A7%E5%85%B1%E6%9C%89%E3%80%8D%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E8%A8%AD%E7%BD%AE%E3%81%99%E3%82%8B%E3%80%82%0A%20https%3A%2F%2Ffreefielder.jp%2Fblog%2F2024%2F11%2Fshare-on-bluesky-button.html" target="_blank"><img src="https://freefielder.jp/imgs/snsIcons/Bluesky_i.svg" style="width:64px;height:64px;margin:10px;" title="Share on Bluesky"></a>

ブラウザで Bluesky にログイン済みの場合、PCであれば、クリックすると Bluesky のあなたのアカウントの投稿画面に遷移します。モバイル端末では、Blueskyアプリが立ち上がって投稿画面が表示される筈。

…なのだけれど、既にBlueskyアプリが起動している状態だと、投稿画面が表示されなかったりする。何故だろう。

ということで。

ちなみに私の Bluesky アカウントは @freefielder.bsky.social。何も投稿していないけれど。

また、このブログの更新情報は @freefielder.social.vivaldi.net.ap.brid.gy に流しています。