以前の記事で＃ハッシュタグを指定してツイートができるリンクの作り方をご紹介しました。
今回はTwitterを利用したキャンペーンサイトなどに使える、#ハッシュタグだけでなく「リプライ」の指定や「文章」をあらかじめ記載しておくツイートリンクの作り方をまとめてご紹介いたします。
ご紹介するツイートリンクのDEMOがコチラ↓です。
クリックすると新規ウィンドウでそれぞれの指定付きのツイート画面が表示されます。
DEMO
DEMOの５番にもあるようにハッシュタグ・リプライ・URL・テキストの複数を指定しておくことも可能です。
それでは順番にツイートリンクの貼り方をご紹介します。
＃ハッシュタグを指定したツイートリンクの貼り方
まずは以前の記事でもご紹介した、１番よく使うであろう「＃ハッシュタグ」を指定したツイートリンクの貼り方です。
html
<a href="https://twitter.com/intent/tweet?hashtags=サンプルハッシュタグA, サンプルハッシュタグB" class="twitter-hashtags-btn" target="_blank">
Twitterでつぶやく
</a>
上記のソースコードをコピーし、そのままホームページのhtmlやブログに貼り付けると下のようなリンクになります。
Twitterでつぶやく
後は「サンプルハッシュタグA」のところを指定したいハッシュタグに書き換え、リンクさせたい文章を「Twitterでつぶやく」のところに打ち変えると完成です。
サンプルでは「#サンプルハッシュタグA #サンプルハッシュタグB」の２つを指定していますが、指定したいハッシュタグが１で良い時は「, サンプルハッシュタグB」を消すだけで大丈夫です。
WordPress（ワードプレス）ブログにツイートリンクを貼りたい場合
WordPress（ワードプレス）を利用しているブログに貼り付ける際は、ブロックの種類を「カスタムHTML」を指定し、上記のコードをペーストしてください。
ハッシュタグを指定したツイートリンクの貼り方についてはコチラの記事にも詳しく紹介しています。
-
-
【コピペ】#ハッシュタグを指定してツイートできるリンク作成
【超簡単】#ハッシュタグを指定してツイートできるリンクの作成方法をご紹介します。記事内にあるコードをコピペで流用可能なのでウェブの知識がない方でも簡単に設定できます。会社や団体の公式アカウントを運用している方は知っておいて損はありません。
続きを見る
＠リプライを指定したツイートリンクの貼り方
次は特定のアカウントへの返信を意味する「リプライ」の指定をしたツイートリンクの作成方法です。
html
<a href="https://twitter.com/intent/tweet?screen_name=ここにユーザーのアカウント名（＠は無しで）" target="_blank">
＠リプライを指定したツイートリンク
</a>
上記のコードをコピーし、貼り付けると下のようなリンクになります。
リプライの指定にはユーザー名ではなく＠から始まるアカウント名を使って指定します。
ポイント
リプライの指定には、Twitterアカウントのトップページにある大きく表示されているユーザー名ではなく、その下の小さく表示されている＠から始まるアカウント名を＠抜きで記述します。
URLを記載したツイートリンクの貼り方
ツイートリンクはハッシュタグやリプライだけでなく、自身のホームページやブログのリンク先の「URL」を記載したツイートリンクも作成できます。
html
<a href="https://twitter.com/intent/tweet?url=ここにURLを入れる" target="_blank">
リンクテキスト
</a>
ソースコードはこのようになります。上記のコードをコピーし、貼り付けると下のようなリンクになります。
URLを記載しておく
ツイートに記載できるURLの文字数について
ツイートに記載できるURLには文字数が23文字以内と制限があります。それ以上の文字数のURLは自動で23文字に変換され表示されます（リンク先はそのまま）。リンクを短縮しないようにする設定はありません。
もちろんURLの文字数もツイートの文字数にカウントされます。
参考：Twitter公式「ツイートでリンクを送信する方法」より
https://help.twitter.com/ja/using-twitter/how-to-tweet-a-link
文章（ただのテキスト）を記載したツイートリンクの貼り方
URLでもハッシュタグでもなく、つぶやく内容のテキストをあらかじめ仕込んだツイートリンクも作成できます。
html <a href="https://twitter.com/intent/tweet?text=つぶやいて欲しい文章を記述" target="_blank"> つぶやいて欲しい文章を指定 </a>
上記のコードをコピーし、貼り付けると下のようなリンクになります。
つぶやいて欲しい文章を指定
ハッシュタグ、リプライ、URL、文章を複数指定したツイートリンク
これまでにご紹介した全ての指定方法を使えばハッシュタグ、リプライ、URL、文章全てを指定したツイートリンクを作成することも出来ます。
もちろん４つ共でなくても「リプライとURLを指定」や「ハッシュタグとテキストを指定」と組み合わせは自由です。
html
<a href="https://twitter.com/intent/tweet?screen_name=daruma108&hashtags=ひゃくやっつ&text=文章も指定&url=https://hyakuyattsu.com/" target="_blank">
ハッシュタグ、リプライ、URL、文章を指定したツイートリンク
</a>
今まで紹介した指定方法の記述を「&」で繋げていきます。
上記のコードをコピーし、貼り付けると下のようなリンクになります。
ハッシュタグ、リプライ、URL、文章を指定したツイートリンク
まとめ
いかがでしょうか。
ツイートリンクに「＃ハッシュタグ」「＠リプライ」「URL」「テキスト」をあらかじめ仕込んでおく方法をまとめてご紹介いたしました。
キャンペーンの応募や自身のブログを紹介してもらう時に親切なリンク設定をしておき、拡散され易いリンクボタンを作成してみてはいかがでしょうか。
本格的にhtmlやCSSを学びたいなら、自宅で現役エンジニアから学べるテックアカデミー
がオススメ！まずは無料体験！
※無料体験だけならいっさいお金はかかりません。
最後までご覧いただきありがとうございました。