Studio：SNSシェアボタンのリンク設定

SNSでシェアするボタンを設定する

SNSでシェアするボタンとは、閲覧しているWebページをX、Facebook、LINEなどで共有するためのボタンです。

Studioでは、ボタンやアイコンを選択し、リンク先にSNSごとの共有用URLを設定します。共有用URLには、現在表示しているページのURLを自動で取得するための変数「$url」を使用できます。

$urlを使用すると、ページごとに共有先のURLを書き換える必要がありません。

Xでシェアする場合

リンク先に、次のURLを設定します。

https://twitter.com/intent/tweet?url=【$url】

https://twitter.com/intent/tweet?url=【$url】

このボタンをクリックすると、現在表示しているページのURLが入力された状態で、Xの投稿画面が開きます。

投稿文もあらかじめ入力したい場合は、次のように設定します。

https://twitter.com/intent/tweet?url=【$url】&text=【このページをチェック！】

https://twitter.com/intent/tweet?url=【$url】&text=【このページをチェック！】

Facebookでシェアする場合

リンク先に、次のURLを設定します。

https://www.facebook.com/sharer/sharer.php?u=【$url】

https://www.facebook.com/sharer/sharer.php?u=【$url】

ボタンをクリックすると、現在表示しているページをFacebookで共有するための画面が開きます。

LINEでシェアする場合

リンク先に、次のURLを設定します。

https://social-plugins.line.me/lineit/share?url=【$url】

https://social-plugins.line.me/lineit/share?url=【$url】

ボタンをクリックすると、現在表示しているページのURLをLINEで送信できます。

最終的な動作確認は、ライブプレビューまたは公開ページで行います。

また、シェアボタンを押しただけで自動的に投稿されるわけではありません。
通常はSNSの投稿画面や送信画面が開き、利用者が内容を確認してから投稿や送信を行います。