ねこパワーこむ

世界中で活躍するエンジニアが楽しいことをするラボ

Twitterで遊ぶ その1 ツイートボタンを設置してみる

calendar

このブログもそうですけど、ツイートボタンってありますね。あのボタンを押すと、記事のタイトルとか、URLとかがデフォルトで入力されているTweetができるもの。これと、これまで、このブログでやってきた自作PHPを組み合わせると、楽しいんじゃないかなと思って調べてみました。

このTweetボタンのカスタムをしてみました。参考にしたのは(というか、ほぼコピペ)公式サイト。英語なのが難点です。

https://dev.twitter.com/web/tweet-button/parameters

ここに書かれているものを日本人向けにしたのが↓
※1行目のjsを呼んでいるところは付け足しています。

<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<a class="twitter-share-button"
  href="https://twitter.com/share"
  data-size="large"
  data-text="custom share text"
  data-url="https://dev.twitter.com/web/tweet-button"
  data-hashtags="example,demo"
  data-via="twitterdev"
  data-related="twitterapi,twitter">
Tweet
</a>

↑のコードで作ったボタンが↓

動きましたね!

カスタムは簡単そうです。ポイントは、ハッシュタグはカンマ区切りで追加ってところでしょうか。
data-via は @ほげほげさんから となります。

もう少しTwitterで遊んでみようと思っていますので、続きます。

この記事をシェアする

コメント

コメントはありません。

down コメントを残す




%d人のブロガーが「いいね」をつけました。