Web制作

[M]Twitterシェアボタンに「投稿タグ」をハッシュタグとして追加する方法

Sum0918 2
こんにちは!みう(@miu0512)です。TwitterなどのSNSではハッシュタグがよく使われています。記事をシェアする際に、見ている人がハッシュタグをつけてくれるかわからない・・・。ということで、勝手にハッシュタグ付きのTweetができるようにしちゃいました。

まずはシェアボタンを自作しましょう

以前作った自作シェアボタンをもとに今回は改造を行っていきたいと思います。

▼過去記事
[M]コピペで実装!プラグインなしでWordPressの記事シェアボタンを自作して設置

今度はTwitterシェアボタンにハッシュタグを付けられるようにします。

元のHTMLタグ

  <li class="twitter">
  	<a href="" target="_blank" onclick="javascript:window.open('http://twitter.com/intent/tweet?url=<?php echo $url_encode ?>&hashtags=<?php $posttags = get_the_tags(); if ( $posttags ) { foreach ( $posttags as $tag ) { echo $tag->name . ','; }} ?>&text=<?php echo $title_encode ?>&tw_p=tweetbutton', '', 'width=700,height=500,resizable=yes,menubar=no,toolbar=no,location=no,status=no,scrollbars=yes');return false;"><i class="fa fa-twitter"></i></a>
  </li>

Twitterシェアボタンにハッシュタグをあらかじめ設定しておく方法

「tweet?url=」に続くパラメータに「&hashtags=文字」を追加するだけで構築は完了です。

ちなみに文字を固定で複数入れたい場合は「&hashtags=文字,文字,文字」という具合に、カンマで追加していけばOKです。

改造後のHTMLタグ

<li class="twitter">
  <a href="http://twitter.com/intent/tweet?url=<?php echo $url_encode ?>&text=<?php echo $title_encode ?>&tw_p=tweetbutton&hashtags=文字" target="_blank" onclick="javascript:window.open(this.href, '', 'width=700,height=500,resizable=yes,menubar=no,toolbar=no,location=no,status=no,scrollbars=yes');return false;"><i class="fa fa-twitter"></i></a>
</li>

さて、ここからが本題

WordPressにはカテゴリーの他に「タグ」機能があります。カテゴリーと違って階層などは存在せず、簡単に言うと「記事のキーワード」を設定することが出来ます。

サイドバーに”タグクラウド”としてタグ一覧を表示させたり、記事に表示することによって類似記事とのリンクもできるようになるスグレモノ。

今回はこのタグをそのままハッシュタグとして使ってしまおうと思います。

設定したタグ達をハッシュタグに反映させる方法

さきほどの「&hashtags=文字」の文字の部分をWordPressの独自タグに置き換えるだけで完了。

以下、コピペでOKです

&hashtags=<?php $posttags = get_the_tags(); if ( $posttags ) { foreach ( $posttags as $tag ) { echo $tag->name . ','; }} ?>

実際に設定して反映させてみました

Twhashtag 1

これなら見ている人がハッシュタグを設定しなくても、自動的に反映されて、Twitterでも検索されやすくなりますね!

さいごに・・・

より多くの人に見てもらうためには、シェアするだけではダメなご時世になりつつあります。そのためにも、ハッシュタグをあらかじめ付けておくことで、Twitterユーザーがツイート検索をする際にひっかかってくれる仕組みづくりが大事だなと思います。

最後までお付き合いいだだきありがとうございます!

これからも、みう(@miu0512)を応援していただけたら嬉しいです!

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

Twitter でみうをフォローしよう!

About

みう

みう (@miu0512)

フリーランス4年を経て起業。ホームページ制作やLP制作を企画からマーケティングまですべて請けているため、「Webコーディネーター」として活動中。

Category

Popular

  • 本日
  • 週間
  • 月間
  • 殿堂

本日の人気記事

週間の人気記事

月間の人気記事

殿堂の人気記事

PAGETOP