Twitterでクエリ文字列とURLを共有する

Twitter共有リンクをメールに入れようとしています。これはメールに含まれているため、JavaScriptを信頼することはできず、「自分で作成」ツイートボタンを使用する必要があります。

たとえば、Googleへのリンクを共有する場合：

<a href="http://www.twitter.com/share?url=http://www.google.com/>Tweet</a>

これは正常に動作します。私が抱えている問題は、URLにクエリ文字列がある場合です。

<a href="http://www.twitter.com/share?url=http://mysite.org/foo.htm?bar=123&baz=456">Tweet</a>

クエリ文字列を含むURLは、TwitterのURL短縮サービスt.coを混乱させます。これをさまざまな方法でURLエンコードしてみましたが、何も動作しません。私が得た最も近いのはこれを行うことです。

<a href="http://www.twitter.com/share?url=http://mysite.org/foo.htm%3Fbar%3D123%26baz%3D456">Tweet</a>

ここでは、クエリ文字列のみをエンコードしています。これを行うと、t.coは正常にURLを短縮しますが、短縮されたリンクをたどると、エンコードされたURLに移動します。なるほどhttp://mysite.org/foo.htm%3Fbar%3D123%26baz%3D456、アドレスバーに、ブラウザに次のエラーを取得します

見つかりません

リクエストされたURL /foo.htm?bar=123&baz=456はこのサーバーで見つかりませんでした。

この問題を解決する方法について私は途方に暮れています。

編集： Re：onteria_

URL全体をエンコードしてみました。その場合、ツイートにURLが表示されません。

これはあなたのために働くでしょう

http://twitter.com/share?text=text goes here&url=http://url goes here&hashtags=hashtag1,hashtag2,hashtag3

これが実際の例です

http://twitter.com/share?text=Twitterでの共有＆url = https：//stackoverflow.com/users/2943186/youssef-subehi&hashtags=stackoverflow,example,youssefusf

これは、のhttps://twitter.com/intent/tweet代わりに使用することで解決できますhttp://www.twitter.com/share。このintent/tweet関数を使用すると、URL全体をURLエンコードするだけで、魅力的に機能します。

https://dev.twitter.com/web/intents

ツイートWebインテントを使用します。これは単純なリンクです。

https://twitter.com/intent/tweet?url=<?=urlencode($url)?>

https://dev.twitter.com/web/tweet-button/web-intentにあるその他の変数

これより簡単にはなりません：

<a href="https://twitter.com/intent/tweet?text=optional%20promo%20text%20http://example.com/foo.htm?bar=123&baz=456" target="_blank">Tweet</a>

次の関数を使用できます。

 function shareOnFB(){
       var url = "https://www.facebook.com/sharer/sharer.php?u=https://yoururl.com&t=your message";
       window.open(url, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');
       return false;
  }


function shareOntwitter(){
    var url = 'https://twitter.com/intent/tweet?url=URL_HERE&via=getboldify&text=yourtext';
    TwitterWindow = window.open(url, 'TwitterWindow',width=600,height=300);
    return false;
 }


function shareOnGoogle(){
     var url = "https://plus.google.com/share?url=https://yoururl.com";
     window.open(url, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=350,width=480');
     return false;
}


<a onClick="shareOnFB()"> Facebook </a>
<a onClick="shareOntwitter()"> Twitter </a>
<a onClick="shareOnGoogle()"> Google </a>

URLからクエリ文字列の＆を％26に変更する必要があります

これを見てください：https : //dev.twitter.com/discussions/8616

すべてのメソッドを参照します。

クエリを2回エンコードするのが高速なソリューションです。

const query = a=123&b=456;
const url = `https://example.com/test?${encodeURIComponent(encodeURIComponent(query),)}`;


const twitterSharingURL=`https://twitter.com/intent/tweet?&url=${url}`

インテントを使用する必要はありません。URLをエンコードして、Twitter共有でも機能します。

@onteria_が述べたように、パラメーター全体をエンコードする必要があります。同じ問題に直面している他の人は、次のブックマークレットを使用して適切にエンコードされたURLを生成できます。ブラウザのアドレスバーにコピーして貼り付け、Twitter共有URLを作成します。javascript:プレフィックスをアドレスバーにコピーするときにプレフィックスが存在することを確認してください。GoogleChromeではコピー時にプレフィックスが削除されます。

javascript:(function(){var url=prompt("Enter the url to share");if(url)prompt("Share the following url - ","http://www.twitter.com/share?url="+encodeURIComponent(url))})();

JS Fiddleのソース http://jsfiddle.net/2frkV/

htmlサイトにマニュアルを追加する場合は、次のように置き換えてください。

&

と

&

＆の標準HTMLコード

Twitterでは、データ属性を通じてURLを送信できるようになりました。これは私にとってはうまくいきます：

<a href="javascript:;" class="twitter-share-button" data-lang="en" data-text="check out link b" data-url="http://www.lyricvideos.org/tracks?videoURL=SX05JZ4FisE">Tweet</a>

Twitterインテントリソースhttps://dev.twitter.com/web/tweet-button/web-intentを使用します。