シェアボタンの設置方法

StudioでXのシェアボタンを設置するには、エディタでシェアボタンをデザインし、リンク設定にて、以下をのようなリンクを設定します。

http://twitter.com/share?url=[シェアするURL]&text=[ツイート内テキスト]&via=[ツイート内に含むユーザ名]&related=[ツイート後に表示されるユーザー]&hashtags=[ハッシュタグ]

サンプルとして下記リンクをシェアボタンに設定すると、ボタンのクリックでこちらのページが立ち上がります。これで簡単にシェアを促すことが可能になります。

http://twitter.com/share?url=https://naomi-osaka.studio.design&text=Congratulations, Naomi Osaka!&hashtags=withStudio

設定で指定できるオプションは以下の通りです。

また外部サービスの「Twitter Publish」では埋め込みコードが生成できます。生成したコードは、Embedボックスに貼り付けることで投稿の埋め込みやシェアボタンの設置が可能です。

ツイッター ソーシャルボタン ソーシャル ソーシャルメディアシェア