Web画像やロゴ制作のご依頼はコチラ ≫≫

【Twitter】ツイートにDMボタンを表示させる方法と作り方を徹底解説【メッセージで返信】

ブログ・SNS
この記事は約7分で読めます。
男性
男性

Twitterでのことなんだけど、ツイート内に「メッセージで送信」ってDMに飛ぶボタンを見かけたんだけど、あれってどうやって表示させるんだろう……?

おすん
おすん

このような悩みにお答えします。

この記事を読んで欲しい人
  • ツイート内にDMボタンを表示させたい
  • DMボタンの詳しい作り方が知りたい
  • ツイートを見たユーザーからの問い合わせをスムーズにさせたい

▼実際に作って表示させたツイートがこちら▼

https://twitter.com/osunnotsubuyaki/status/1440977587258286085?s=20

背景がダークモードと通常モードだとこんな感じです。

おすん
おすん

この記事で、ツイートの一番下にボタンを表示させる方法を解説します。

このブログの運営者

フリーランス歴5年のグラフィックデザイナー。制作実績は500件以上。月間20万PV/10万円以上稼ぐ当ブログは2019年1月にスタート。
‪✓ 詳しいプロフィール >>
デザインのポートフォリオ >>
お問い合わせはこちら >>

\ Twitter でファンを増やしたいなら /
SocialDog
スポンサーリンク

Twitterのツイートに表示させるDMボタンを作る条件

ツイートにDMボタンを表示させるには、1つだけ条件があります。

条件1:誰でもDMが送れるように設定しておく

条件といっても、誰でもDMが送れるように設定されている必要があるだけです。

設定方法はカンタン。

設定の手順
  1. 設定とプライバシー]をタップ
  2. プライバシーとセキュリティ]をタップ
  3. ダイレクトメッセージ]内の
  4. すべてのアカウントからのメッセージリクエストを許可する]をオンにする

すべてのアカウントからのメッセージリクエストを許可する]がオンになってればOKです。

おすん
おすん

緑がオンの状態です。

スポンサーリンク

Twitterのツイートに表示させるDMボタンの作り方

作り方1:DMのIDを調べる

下記のURLにアクセスしてユーザー名(ID)を入力します。

ユーザー名は@から始まるIDで、僕の場合は『 @osunnotsubuyaki 』になります。

確認するには、Twitterのプロフィールを見ると分かります。

入力したら Convert をタップ。

すると下に、

@osunnotsubuyaki =>1067032214888534016

と表示されるので、 => 以降の部分をコピーします。

おすん
おすん

僕の場合は『 1067032214888534016 』です。

DM作成用URLに先ほどのDMのIDを追加する

DM作成用URLがこちら

https://twitter.com/messages/compose?recipient_id=

DM作成用URLに先ほどのDMのIDを追加します。

https://twitter.com/messages/compose?recipient_id=ここに先ほどの自分のDMのIDを追加

おすん
おすん

僕の場合は、このようになります。

DMのIDを追加したURLがこちら

https://twitter.com/messages/compose?recipient_id=1067032214888534016

完成したらURLをツイート内に貼り付ける

完成したURLをツイートの最後に入れてツイートすると、URLがボタンに変化します。

これはTL(タイムライン)での表示
これはツイートのみの表示
注意すること
  • ツイートの途中にURLを入れると、URLとボタンの両方が表示されてしまいます。
  • 画像を添付するとボタンが表示されなくなり、URLだけ表示されます。
  • 鍵アカの場合はURLの表示になります
ツイートの途中にURLを入れるとURLとボタン両方表示される
画像を添付するとURLだけ表示される

※ちなみにURLをクリックしてもDMに飛びます。

\ Twitter でファンを増やしたいなら /
SocialDog

DMのメッセージ入力欄に予め好きな文字を表示させたい

ツイート内の『メッセージで返信(DMボタン)』をタップしたあと、DMの画面に移動します。

画像のようにメッセージの入力欄に表示する文字を、予め設定することができます。

メッセージ入力欄に表示させたい文字をURLエンコードする

まずは、設定したいメッセージをURLエンコードする必要があります。

URLエンコードとは

URLとして使用できない日本語や記号などの文字を、使用できる文字の特殊な組み合わせによって表記する変換規則です。

メッセージ入力欄に表示させたい文字を、下記サイトに入力するだけでURLエンコードに変換できます。

URLエンコードに変換する
  1. エンコードするにチェック
  2. 表示させたい文字を入力する
  3. 変換ボタンをクリックする

するとエンコードされた文字が表示されるのでコピーしてください。

エンコードされた文字

「ご相談内容を入力してください」と入力変換すると、こんな感じにエンコードされました↓

エンコードされた文字

%E3%81%94%E7%9B%B8%E8%AB%87%E5%86%85%E5%AE%B9%E3%82%92%E5%85%A5%E5%8A%9B%E3%81%97%E3%81%A6%E3%81%8F%E3%81%A0%E3%81%95%E3%81%84

DMのIDを追加したURLにエンコードを追加する

先ほど『DM作成用URLに先ほどのDMのIDを追加する』で作ったURLに、&text=URLエンコードされた文字を追加します。

おすん
おすん

&text= を追加するのも忘れずに。

少し分かりづらいですが、全部合わせるとこういう感じになります。

完成したDMボタン作成URL

https://twitter.com/messages/compose?recipient_id=1067032214888534016&text=%E3%81%94%E7%9B%B8%E8%AB%87%E5%86%85%E5%AE%B9%E3%82%92%E5%85%A5%E5%8A%9B%E3%81%97%E3%81%A6%E3%81%8F%E3%81%A0%E3%81%95%E3%81%84

  • 青太字=DMのID
  • 黒太字=新しく追加する文字
  • 赤太字=メッセージにしたい文字のURLエンコード

最後に完成したURLを入れてツイートするだけ

あとは、完成したURLをツイートの最後にペーストすれば完了です!

無事にDMボタンやメッセージは表示されましたか?

おすん
おすん

うまくできなかったり表示されない場合は、この記事の最後にあるLINEからご質問してください。

ツイートにDMボタンを表示させて問い合わせを増やそう

この記事のまとめ
  • ツイートにDMボタンを表示させるための条件がある
  • DMのメッセージ入力欄に予め好きな文字を表示できる

ツイートにDMボタンが装飾されるだけでなんだか他のツイートとは一味違った特別感があります。

ツイートにDMボタンが追加されるだけで、問い合わせや相談がしやすくなりそうです。

問い合わせや相談が欲しい内容のツイートをするときにはぜひDMボタンを挿入してみてください。

この記事が気になった方はこちらの記事もおすすめ!

\ Twitter でファンを増やしたいなら /
SocialDog
ご質問はこちらから
\ ご質問はこちらから /
友だち追加
このブログの運営者

フリーランス歴5年のグラフィックデザイナー。制作実績は500件以上。月間20万PV/10万円以上稼ぐ当ブログは2019年1月にスタート。
‪✓ 詳しいプロフィール >>
デザインのポートフォリオ >>
お問い合わせはこちら >>

\ Twitter でファンを増やしたいなら /
SocialDog

コメントはこちら

トップへ戻る
タイトルとURLをコピーしました