Twitterのカスタム使用

Twitterはよく知られたサービスで、短いテキストメッセージの交換、検索、タグ付けなどのためのインフラストラクチャを提供します。



しかし、これはほとんどの小さなデータ共有サービスに必要なものです。 私の場合、これはリフ(短い曲)のエディターです。



画像



行う必要があるのは、id = "twitButton"のデータ(この例ではメロディの音符)のツイート用のボタンを追加することだけです。



<a id="twitButton" class="twitter-share-button">Tweet</a>
      
      





初期化する:



 document.getElementById("twitButton").href="https://twitter.com/intent/tweet?text=#riffshare&url=https://surikov.github.io/riffshare/parse.html%3Friff%3D"+encoded;
      
      





Twitterライブラリを初期化します。



 window.twttr=(function(d,s,id){ var js ,fjs=d.getElementsByTagName(s)[0] ,t=window.twttr||{}; if(d.getElementById(id))return; js=d.createElement(s); js.id=id; js.src="https://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js,fjs); t._e=[]; t.ready=function(f){ t._e.push(f); }; return t; } (document,"script","twitter-wjs") );
      
      





作成されたボタンは、サービスへのリンクとエンコードされたパラメーター(メモ付き)を含む通常のツイートを公開し、Twitterは独自のリンク短縮サービスを自動的に使用し、URLはツイートの許容される長さに圧縮されます。



ツイートは、通常のメッセージと同様に、編集、削除、タグの追加、およびリツイートできます。 リンクをクリックすると、音楽エディターのページが開き、URLの変数からのテキストが通常のJavascriptによって解析されます。



ツイートリンクの例



https://t.co/rnwcSBUQ6P-フォレストにクリスマスツリーが誕生しました。



合計



このデータ交換方法は、すべての人に適しているわけではありませんが、場合によっては便利です。



All Articles