WEBサイトに貼り付けてtipmona経由でモナゲ(投げMona)してもらうボタンのコード
投稿日：2017年12月22日
最終更新日：
もくじ
- モナゲボタンのコードを作成する
- モナゲボタンを設置する
- tipmonaについて
モナゲボタンのコードを作成する
基本的には、以下のコードに必要な編集を施して自分のWEBサイトに設置する形となります。なお、以下の例を丸コピすると私(Twitter:@koguma22)に0.114114(いいよいいよ)Monaを投げるコードがデフォルトでツイート内容として設定されたツイート投稿画面が新しいタブで開かれます。
[VIM] #文字だけのボタンならこのコード この記事の作者にモナゲする #ボタンを画像で用意する場合は以下上に記したコードのうち、「share?text=」以降に記述されている内容を編集することで、ツイート投稿画面が開かれた時にデフォルトで入力されているメッセージを変更することができます。
tipmonaでMonacoinを送るためには、送金者のアカウントにMonacoinを入金した上で、以下のようなツイートを行います。tipmonaのアカウントにリプライを飛ばしてコマンドを送信するわけです。コマンドの詳細はtipmonaの使い方 – @monappyのメモログ | Monappyなども参照してください。 [VIM] @tipmona tip @(送金先ユーザーのTwitterユーザー名) 送金金額 #例 @tipmona tip @koguma22 0.114114 [/VIM]
以上のメッセージをHTML(中のaタグhref属性の値)に組み込むわけですが、その際に半角スペースを [VIM] %20 [/VIM] という文字列で埋めます。これにより、例示したメッセージは以下のようになります。 [VIM] @tipmona tip @koguma22 0.114114 #半角スペースを埋めてHTMLに組み込める形に @tipmona%20tip%20@koguma22%200.114114 [/VIM]
後はこれを以下のコードに組み込めばOKです。実際に自分のWEBサイトに設置する際は、Monacoin送信先アカウント名を自分のものにし、金額を適切そうなものにしましょう(金額は送金するユーザーが自由に変えられるのでそこまでこだわらなくても大丈夫です)。 [VIM] (任意の文字列を入力) #例は記事冒頭に掲載 [/VIM]
モナゲボタンを設置する
実際にモナゲボタンを設置する際は、自分のWEBページ中の任意の場所に作成したコード(実態はリンクタグ)を組み込めばOKです。リンクテキストを変更すればモナゲボタンのメッセージが変わりますし、画像やCSSなどを利用して独自のモナゲボタンのデザインを作ってもいいでしょう。以下にサンプルを示します。以下のモナゲボタンサンプルはいずれも「当ブログの管理人(@koguma22)に0.114114Monaを送金する」ためのコマンドがデフォルトで入力されています。
その他のサンプルはKoguma faucet(改) – モナゲボタン(tipmona利用)に掲載します。
tipmonaについて
tipmonaは、Twitterアカウントさえあれば誰でも手軽にMonacoinをやり取りすることが出来るWEBサービスです。当サイトで解説しているモナゲコードもtipmona抜きでは何の役にも立ちません。tipmonaは大変偉大なサービスなのです。使い方の解説は以下のリンクをご覧ください。
