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.imtqy.com/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-フォレストにクリスマスツリーが誕生しました。

合計


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

Source: https://habr.com/ru/post/J318822/


All Articles