The official Twitter site also tells you how to do it, but in this way, you have to use <a> and < script> needs to be embedded, which is not possible with STUDIO.

Therefore, we will explain how to implement only using direct link, <a> tag.

Direct link in the Tweet share button

<a href="http://twitter.com/share?url=[URL to share]&text=[Sentences in the tweet]&via=[Username in the tweet]&related=[Username displayed after the tweet]&hashtags=[Hashtag]" target="_blank">Tweet</a>

Normally, if you want to set up a Twitter share button with a direct link, you can use the above format.

However, you need to specify only the URL, not the tag, in STUDIO, so you can use

http://twitter.com/share?url=[URL to share]&text=[Sentences in the tweet]&via=[Username in the tweet]&related=[Username displayed after the tweet]&hashtags=[Hashtag]

You can set it up as shown above by going to Link > URL.

The options that can be specified are as follows

  • text
  • url
  • hashtags(複数指定の場合カンマ区切りで指定可)
  • via
  • related
  • in-reply-to

Sample

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

When you set it up this way, you can click the share button and this page will launch and easily It allows you to encourage sharing.

Did this answer your question?