html WEB wordpress 作りたい 知りたい

【コピペ】#ハッシュタグを指定してツイートできるリンク作成

主に企業や団体の公式ツイッターアカウントなどで
「#(ハッシュタグ)○○○をつけてツイートしてください。」
みたいキャンペーンなどを実施する際に、
リンクをクリックするとTwitter(ツイッター)でつぶやけるウィンドウが出て来ますよね。
そこに、あらかじめハッシュタグを記入しておく設定の仕方を調べてみましたので、ご紹介させていただきます。

些細なことかもしれませんが、それで実施したキャンペーンの応募数が増えたり、ツイートされる頻度が増えたりするようなキッカケになるかもしれません。

もし、会社などのキャンペーンの開催時に、利用できる機会がございましたら、作り方はものすごい簡単、ほぼコピペで完了しますので使用してみてください。

リプライ、URL、テキストをあらかじめ仕込むんでおくツイートリンクの作り方は、下の記事をご覧ください。

あわせて読みたい!
【コピペ】@リプライ、URLなどを指定してツイートできるリンク作成
【コピペ】@リプライ、URLなどを指定してツイートできるリンク作成

ツイートリンクに「#ハッシュタグ」「@リプライ」「URL」「テキスト」をあらかじめ仕込んでおく方法をまとめてご紹介します。キャンペーンの応募や自身のブログを紹介してもらう時に親切なリンク設定をしておき、拡散され易いリンクボタンを作成しましょう。

続きを見る

指定したい#ハッシュタグを決める

今回はサンプルとして「#ひゃくやっつ」と「 #ブログ」の2つのハッシュタグを
ツイートに入れてもらいたいとします。
ハッシュタグの数は1つでも2つでも10個でも問題ありません。

POINT

キャンペーンなどで使用する場合は、一度ツイッターで指定したいハッシュタグを調べてみてください。
現時点で検索結果が出ないかチェックしておきましょう。
もし同じ名前のキャンペーンを毎年行なっている場合は、タグの最後に西暦(2021)などをつけて、どの年のキャンペーンか判別できるようにしておきましょう。

#ひゃくやっつ #ブログ

ハッシュタグ付きのツイートリンク作成

タグが決まれば早速、タグ付きのツイートリンクを作成しましょう。

<a href="https://twitter.com/intent/tweet?hashtags=サンプルハッシュタグA, サンプルハッシュタグB" class="twitter-hashtags-btn" target="_blank">Twitterでつぶやく</a>

上記のソースコードをコピーしてください。
このままホームページのhtmlやブログに貼り付けると下のようなリンクになります。

WordPress(ワードプレス)を利用しているブログに貼り付ける際は、
ブロックの種類を「カスタムHTML」を指定し、ペーストしてください。

この「Twitterでつぶやく」リンクをクリックすると、ポップアップウィンドウが現れ
あらかじめハッシュタグが入力された状態でツイートが可能になります。

ですので変更する箇所は「サンプルハッシュタグA」「サンプルハッシュタグB」とリンク文字として表示される「Twitterでつぶやく」の箇所です。

 ↓こちらが任意で変更したものです。

<a href="https://twitter.com/intent/tweet?hashtags=ひゃくやっつ, ブログ" class="twitter-hashtags-btn" target="_blank">キャンペーンに応募する!</a>

ハッシュタグを表す「#(シャープ)」は自動で挿入されますので、
ソースコード内には記載しないでください。
「Twitterでつぶやく」の箇所は用途に応じて「キャンペーンに応募する」や「エントリー!」など、クリックして参加したくなるような文章に自由に変更してください。

指定するハッシュタグは1つで良い場合

<a href="https://twitter.com/intent/tweet?hashtags=ひゃくやっつ" class="twitter-hashtags-btn" target="_blank">キャンペーンに応募する!</a>

1つ目の指定タグの後にある「,(カンマ)」から2つ目の指定タグを削除し、使用してください。

指定するハッシュタグを3つ、4つと増やしたい場合

<a href="https://twitter.com/intent/tweet?hashtags=ひゃくやっつ, ブログ, キャンペーン, 応募フォーム, はこちら" class="twitter-hashtags-btn" target="_blank">キャンペーンに応募する!</a>

2つ目の指定タグの後に「,(カンマ)」+「半角スペース」を追加し3つ目の指定タグを追加してください。

ちょっと応用編

もちろん画像にリンクを貼ることも可能

テキストだけでなく、もちろん画像にも指定タグ付きのツイートリンクを貼ることも可能です。
「キャンペーンに応募!」みたいな画像を作成し、リンクを貼ってみます。

<a href="https://twitter.com/intent/tweet?hashtags=ひゃくやっつ, ブログ" class="twitter-hashtags-btn" target="_blank">ここに画像タグを挿入します。</a>

リンクさせていたテキストの箇所に画像タグを挿入します。

アイコンフォントを使用しツイッターアイコンを挿入

別記事で紹介したアイコンフォントを使うと
簡単にTwitter(ツイッター)アイコン付きリンクが作成できます。

こちらもコピペだけでTwitter(ツイッター)の鳥さんのアイコンを表示させることができます。
画像を作成するよりもだいぶ手間が省け、時短につながります。

アイコンフォントの使い方については下記の記事をご覧ください。

[blogcard url="https://hyakuyattsu.com/create/iconfont-fontawesome"]

まとめ

いかがでしたか。
個人でTwitter(ツイッター)を運用していると使用する機会は少ないかもしれませんが、
企業や団体などの公式ツイッターを運用している(させられている?笑)方は
参考にしてみてください。

「それくらい入力してもらえば良いじゃん」と思うかもしれませんが、
今のネット社会、こういう些細な気遣いで、キャンペーンの応募数が増えたり
ツイートされる頻度が増えたりするかもしれません。

もし、会社などのキャンペーンを開催時に、利用できる機会がございましたら、
作り方はものすごい簡単、ほぼコピペで完了しますので使用してみてください。

リプライ、URL、テキストをあらかじめ仕込むんでおくツイートリンクの作り方は、下の記事をご覧ください。

あわせて読みたい!
【コピペ】@リプライ、URLなどを指定してツイートできるリンク作成
【コピペ】@リプライ、URLなどを指定してツイートできるリンク作成

ツイートリンクに「#ハッシュタグ」「@リプライ」「URL」「テキスト」をあらかじめ仕込んでおく方法をまとめてご紹介します。キャンペーンの応募や自身のブログを紹介してもらう時に親切なリンク設定をしておき、拡散され易いリンクボタンを作成しましょう。

続きを見る

-html, WEB, wordpress, 作りたい, 知りたい
-, , , , , ,

© 2021 ひゃくやっつ