Twitterのダイレクトメッセージを送信できるリンクを作成する。

PC版へ 2020年05月13日

例えばmailtoリンク(クリックしたら宛先を指定したメール作成が立ち上がる)のような感覚で、クリック/タップしたら、宛先を指定したTwitterのDM作成画面に遷移するようなリンクを作りたい。

公式のTwitter Publishというサイトでそういう機能を持ったボタンを簡単に作成できます。

でも、もっとデザインをカスタマイズしたいなぁ…と思ったり、そもそもこんな単純な仕掛けのために外部からJavascriptを読み込みたくない…、という時にはもっとシンプルに…、

  1. Twitterの自分のユーザーIDを確認(確認方法は以下で)して、
    例えばワタクシ(@freefielder)のIDは 259263270
  2. 以下の URL:
    https://twitter.com/messages/compose?recipient_id=xxx
    xxx の部分をユーザーIDに入れ替え。つまり…
    https://twitter.com/messages/compose?recipient_id=259263270
  3. 終了。

これで、リンクのURLの完成です。

あとは、例えば、

<a href="https://twitter.com/messages/compose?recipient_id=259263270">@freefielderにDMを送る</a>

のような感じでリンクをウェブページに設置すればOK。

試しに下のリンクをクリック/タップしてみてください。Twitterのメッセージ送信・編集画面に遷移します。送信ボタンを押さなければ、メッセージが送信されることはありません。

@freefielderにDMを送る

オプションとして text=なんちゃら というクエリを追加すると、text= 以下の文字列がメッセージの初期値として設定されます。

<a href="https://twitter.com/messages/compose?recipient_id=259263270&text=ブログ記事のリンクから送信">@freefielderにDMを送る</a>
----
@freefielderにDMを送る

text= 以下の文字列は、リンクを設置するウェブページの文字コードが UTF-8 であれば、上記の例のように直接記述してもたぶん大丈夫です。

文字化けなどの不安がある場合は、例えば

URLエンコード・デコード | Tech-Unlimited

などのサービスで文字列をURLエンコードしてから、text= 以下に設定してみてください。

<a href="https://twitter.com/messages/compose?recipient_id=259263270&text=%E3%83%96%E3%83%AD%E3%82%B0%E8%A8%98%E4%BA%8B%E3%81%AE%E3%83%AA%E3%83%B3%E3%82%AF%E3%81%8B%E3%82%89%E9%80%81%E4%BF%A1">@freefielderにDMを送る</a>
----
@freefielderにDMを送る

ということで、よろしくどうぞ。

【TwitterのユーザーIDの確認方法】AndroidのTwitterアプリの場合。
  1. ホーム左上の自分のアイコンをタップ。
  2. 下のほう "設定とプライバシー" をタップ。 twitter_id_01.png
  3. "アカウント" をタップ。 twitter_id_02.png
  4. "Twitterデータ" をタップ。 twitter_id_03.png
  5. "アカウント" をタップ。 twitter_id_04.png
  6. パスワードを尋ねられるので、入力。
  7. はい、ユーザーID に辿り着きました。 twitter_id_05.png

もっと簡単にユーザーIDを知りたい場合は、例えば GET TWITTER ID | Find a User's Twitter ID のようなウェブサービスを利用してみても。

関連記事

コメント

現在、コメント機能は停止しています。