Share Buttons
すべての投稿にシェアボタンを:X、Facebook、LinkedIn、WhatsApp、Bluesky、Telegram など。さらにリンクのコピーとスマートフォンの共有シートにも対応。
プラグイン
Share Buttons
すべての投稿にシェアボタンを:X、Facebook、LinkedIn、WhatsApp、Bluesky、Telegram など。さらにリンクのコピーとスマートフォンの共有シートにも対応。
インストール
2 つのステップ
- EmDash の管理画面で Registry を開き、Share Buttons を検索して Install をクリックします。権限は求められません。
- 左メニューの Share Buttons を開き、Setup タブで表示される短いブロックを、ベースレイアウト(通常は
src/layouts/Base.astro)の head に貼り付けます。サイトを他の人が作った場合は、そのブロックを送ってください。
ボタンは 1 分以内にすべての投稿の末尾に表示されます。Buttons タブでは、ネットワークの選択、ボタンの移動、アウトラインカラーへの切り替え、アイコンの横への名前の追加ができます。
よくある質問
このプラグインは何をしますか?
投稿にシェアボタンの列を追加します。訪問者がボタンをタップすると、投稿のタイトルとアドレスが X、Facebook、LinkedIn、WhatsApp、Telegram、Bluesky、Threads、Reddit、またはメールの下書きに渡されます。リンクのコピーボタンもあり、スマートフォンではデバイス標準の共有メニューを開くボタンも表示されます。
ボタンはどこに表示されますか?
デフォルトでは各投稿の末尾です。タイトルの下に移動したり、両方の場所に表示したり、投稿の横に余白がある場合は画面の左端に浮かせたりできます(小さな画面や、投稿が幅いっぱいに広がっている場合は、投稿の末尾に戻ります)。独自の場所に配置するには、投稿テンプレートに data-share 属性を持つ要素を追加すると、代わりにそこにボタンが表示されます。
どのページにボタンが表示されますか?
投稿エリアがあるすべてのページです。ほとんどのテーマでは article 要素がそれにあたります。テーマが別の要素を使っている場合は、Post area を変更してください。ボタンを投稿だけに限定するには、Addresses starting with を選び、投稿のパス(通常は /posts/)を入力します。
共有シートボタンは何をしますか?
スマートフォンでは、訪問者がインストールしているすべてのアプリを含む、デバイス標準の共有メニューを開きます。デスクトップ PC のブラウザーでは、ほとんどの場合それが提供されないため、このボタンは機能する環境でのみ表示されます。
トラッキングタグとは何ですか?
Add tracking tags をオンにすると、共有されるすべてのリンクに utm_source(ネットワーク)と utm_medium が追加され、Plausible、Fathom、Google Analytics などのツールで、どのネットワークから訪問者が来たかを確認できます。
シェア数はカウントしますか?
いいえ。シェア数の取得には各ネットワークのサーバーへの呼び出しが必要ですが、現在ほとんどのネットワークはそれを提供していません。ボタンはそのネットワーク自身の共有ダイアログを開くだけで、それ以外のことは行いません。
何かを収集しますか?
いいえ。プラグインはコンテンツにアクセスできず、サイトの外へのリクエストも行いません。唯一の呼び出しは、サイトが自身の設定を取得するものです。各共有リンクは、訪問者のブラウザーから選択したネットワークへ直接送られます。
変更履歴
0.1.0
- 初回リリース。X、Facebook、LinkedIn、WhatsApp、Telegram、Bluesky、Threads、Reddit、メール用のシェアボタンに加え、リンクのコピーとデバイスの共有シート。
- 位置は投稿の末尾、タイトルの下、その両方、または広い画面での左端のフローティングから選択できます。
- ブランドカラー、またはテーマのテキスト色のアウトライン。名前の表示あり・なしを選べます。
- 共有リンクへの任意の utm トラッキングタグと、X 用の “via” ユーザー名。
- 投稿エリアがあるすべてのページ、または特定のパスで始まるアドレスのみ。Setup タブには、サイトがボタンを読み込んでいるかどうかが表示されます。