ソーシャルシェア

:discourse2: 概要 Social Share を使用すると、投稿の共有ボタンに追加のソーシャルプロバイダーを簡単に追加できます。
:eyeglasses: プレビュー Discourse Theme Creator でプレビュー
:hammer_and_wrench: リポジトリリンク https://github.com/discourse/discourse-social-share
:open_book: Discourse テーマは初めてですか? Discourse テーマの使用に関する初心者ガイド

このテーマコンポーネントをインストール

機能

:information_source: このコンポーネントは公開サイトでのみ動作します
サイト設定で ログインが必要 が有効な場合、共有アイコンはプライベートサイトでは自動的に無効になります。


:exclamation: クローラーユーザーエージェント に関する設定を変更すると、コンポーネントの正常な動作に悪影響を及ぼす可能性があります。

設定:

名前 説明
social share links カンマ区切りで、以下の順序で指定: 名前、アイコン、タイトル、リンク。
svg icons このテーマコンポーネントで使用される FontAwesome 5 アイコンのリスト。ソリッドアイコンには fa- プレフィックス、レギュラーアイコンには far-、ブランドアイコンには fab- を使用してください。

一部のプロバイダーとリンク:

英語のソーシャルメディア

プロバイダー 共有 URL
Tumblr https://www.tumblr.com/widgets/share/tool?canonicalUrl=
Pinterest https://pinterest.com/pin/create/button/?url=
LinkedIn https://www.linkedin.com/shareArticle?mini=true&url=
Reddit https://www.reddit.com/submit?url=
Pocket https://getpocket.com/edit?url=
Evernote https://www.evernote.com/clip.action?url=
HackerNews https://news.ycombinator.com/submitlink?u=
Digg https://digg.com/submit?url=
Flipboard https://share.flipboard.com/bookmarklet/popout?v=2&title=
Instapaper https://www.instapaper.com/edit?url=
Diaspora https://share.diasporafoundation.org/?title={title}&url=
Viber viber://forward?text=
Mastodon https://mastodonshare.com/?url=
Threads https://www.threads.net/share?url=
Bluesky https://bsky.app/intent/compose?text=
Mix.com https://mix.com/add?url=
MeWe https://mewe.com/share?link=

国際的(非英語)のソーシャルメディア

プロバイダー 共有 URL
QZone (中国) http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=
Weibo (中国) http://service.weibo.com/share/share.php?url=
Douban (中国) https://www.douban.com/recommend/?url=
RenRen (中国) http://widget.renren.com/dialog/share?resourceUrl=
VK (ロシア) https://vk.com/share.php?url=
OK.ru (ロシア) https://connect.ok.ru/dk?st.cmd=WidgetSharePreview&st.shareUrl=
Xing (ドイツ) https://www.xing.com/app/user?op=share&url=
SurfingBird (ロシア) http://surfingbird.ru/share?url=

電話/音声ベースのソーシャルメディア

プロバイダー 共有 URL
SMS sms:{phone_number}?body=
Telegram https://telegram.me/share/url?url=
Line https://lineit.line.me/share/ui?url=
Skype https://web.skype.com/share?url=
WhatsApp https://wa.me/?text=
WhatsApp Web https://web.whatsapp.com/send?text= (こちら もご覧ください)

このガイドはウィキ形式です。他のプロバイダー、特に自国固有のプロバイダーがある場合は、リストに追加してください。

共有 URL は、開発者向けドキュメントに記載されています。


:discourse2: 当方でホストされていますか? テーマコンポーネントは、Standard、Business、Enterprise プランで利用可能です。

「いいね!」 75

Premise: I do not use, nor have I ever used Instagram but, I do not believe that Instagram have a share button at all, for sure there is a “follow” button that you can add if you want it.

Something like this should work (maybe)

instagram,instagram,follow me on instagram,https://www.instagram.com/your-instagram-username/?ref=

「いいね!」 3

コンポーネント設定で:

ソーシャルシェアリンク: LinkedIn, fab-linkedin, LinkedIn にシェア, https://www.linkedin.com/shareArticle?mini=true&url=

svg-icons: fab-linkedin

ブラウザで強制的に再読み込み(リフレッシュ)を行って、反映させる必要があったと思います。

「いいね!」 4

こんにちは!投稿で weixin シェアリングが追加されたのを見ました。私もこれを追加したいのですが、リンクを共有していただけますか?よろしくお願いします!

weixin://dl/moment??

それは

weixin://dl/moments

ですが、非公式のディープリンクURLであるため、Wechatが変更/削除した場合に機能しなくなる可能性があることに注意してください。

詳細については、以下をご覧ください。
https://stackoverflow.com/questions/45005036/is-there-any-method-to-share-text-from-mobile-web-to-wechat-by-sharing-button#:~:text=Wechat%20doesn't%20have%20any%20official%20deep%20linking%20URL,Send%20to%20chat%20documentation%20on%20Wechat%20JS%20SDK

いずれにせよ、正しく設定して機能した場合は、このトピックの最初の投稿のリストに追加してください。

ご返信ありがとうございます。残念ながら、うまくいきませんでした。:cry: 共有ボタンをクリックするとWeChatが呼び出されましたが、それ以上の反応はありませんでした。

中国のインターネットで「wechat url scheme」を検索したところ、WeChatは2〜3年前からこのようなディープリンクをサポートしなくなったという結果が表示されました。

「いいね!」 1

数ヶ月前に行われた共有ダイアログの変更が、この Theme component を壊してしまった可能性があります。動作していないようです。

プラグインをインストールしましたが、プラグインリストに表示されません。

  1. プラグインをアプリに追加しました (- git clone GitHub - discourse/discourse-social-share)
  2. コンテナを再構築しました (cd /var/discourse, ./launcher rebuild app)

なぜプラグインがリストに表示されないのかわかりません。

これはテーマコンポーネントです。
そのため、Installing a theme or theme component に従う必要があります。

「いいね!」 3

@Moinさん、ありがとうございます。試してみます。

コンポーネントは引き続き機能しますが、公開サイトでのみ機能します。しばらく前に、サイトがプライベートな場合にソーシャルプロバイダーで投稿やトピックを共有する機能を無効にしました。

OPをそれに応じて更新しました。

「いいね!」 5

ありがとうございます!Plugin がフォーラムで多くの競合する問題を引き起こしていました。これで理由がわかりました!:sweat_smile:

「いいね!」 2

公開サイトで使用していますが、まだ正しく表示されません…

「いいね!」 1

これは素晴らしいですが、Font Awesome にないカスタム アイコンを追加するにはどうすればよいですか?

ああ、何か見つけたかもしれません。

このコンポーネントと組み込みの共有機能との違いは何ですか?

「いいね!」 1

標準の共有機能は、Twitter/Facebookやメールなどの限られたオプションしかサポートしていませんが、このコンポーネントを使用すると、あらゆるリンクを追加できます。

「いいね!」 3

つまり、このモジュールは組み込みの共有機能を補完するものであり、置き換えるものではありません。

「いいね!」 1

これは素晴らしいですね、本当にありがとうございます!素晴らしい追加機能ですし、カスタマイズできる点が気に入っています。

問題点、あるいは私の設定ミスかもしれない点に気づきました。共有したいテキストを引用としてハイライトすると、ミニツールバーに私が追加したカスタム共有アイコンがすべて表示され、収まりきりません。スクロールしたり矢印で移動しようとしましたが、単に切り取られてしまいます。致命的な問題ではありませんが、開発者の方々にとって興味深いかもしれません。

「共有引用ボタン」に移動しましたが、そこでは何も追加または削除できないようです。

:man_shrugging:t3:

ヒント:

リストにないソーシャルネットワークでこれを実装したい方は、Replace Discourse's default SVG icons with custom icons in a themeHow to overrule a color variable for one theme only? - #7 by smrtey を読んでください。これらは about.json の設定方法を説明しており、icons-sprite.svg ファイルを追加するために不可欠です!

共有アイコンを置き換えたい場合は、このスレッドが役立ちます。Use standard share icon for share post (instead of link icon) - #9 by bquast :+1:t3:

Woot! https://mastodonshare.com/?url= を使って Mastodon 共有リンクを追加できました。インスタンスを尋ねるポップアップが表示され、投稿に適切な設定が作成されます。

「いいね!」 2

ShareOpenly https://shareopenly.org/ という新しい共有リンクサービスを気に入っています。Mastodonだけでなく、Threads、Bluskyなどにもリンクを共有できるからです。

Social Shareの設定を以下のように変更しました。

Share Openly, fab-mastodon, Share Openly, https://shareopenly.org/share/?url=

別のアイコンを探していますが、私のコミュニティでは機能しています。

「いいね!」 1