オリジナルボタンでツイートボタンを作成したときURLに＆付きのパラメータが入ると、二つ目の引数から落ちてしまう

Question

オリジナルボタンでツイートボタンを作成しています。

HTMLのくりっかぶるマップのリンクを利用して、ツイートボタンを実装したいのですが
共有したいURLの文字列が途中で切れます。

<area shape="rect" coords="座標" href="http://twitter.com/share?url=https://XXX/?s_cd=0001&c_cd=49522&ps_id=2648886&text=テキスト" onclick="window.open(encodeURI(decodeURI(this.href)), 'tweetwindow', 'width=650, height=470, personalbar=0, toolbar=0, scrollbars=1, sizable=1'); return false;" target="_blank">

ツイートしたいURLは

https://XXX/?s_cd=0001&c_cd=49522&ps_id=2648886

なのですが、

https://XXX/?s_cd=0001

ここまでしか入力項目に反映されません。

URLをすべて表示する方法をご存知の方おられませんか？

追記）
onClick の時に、window.open(encodeURI(decodeURI(this.href))
をしていることも何か影響するでしょうか？

Answer 1

こうではないですか？

'http://twitter.com/share?url=' + encodeURIComponent('https://XXX/?s_cd=0001&c_cd=49522&ps_id=2648886');

Comments

[YuriY]

<area shape="rect" coords="座標" href=’http://twitter.com/share?text=テキスト&url=’＋encodeURIComponent('https://XXX/?s_cd=0001&c_cd=49522&ps_id=2648886'); onclick="window.open(encodeURI(decodeURI(this.href)), 'tweetwindow', 'width=650, height=470, personalbar=0, toolbar=0, scrollbars=1, sizable=1'); return false;" target="_blank">

に変更しました。

すると、
URLの一部までしか表示されなくなりました。

書き方の問題でしょうか？

[x_x]

わたしにはdecodeURIを使い続ける理由がわかりません。

[x_x]

encodeURI, decodeURI は使わないでください。href属性値にスクリプトは書けません(といっておく)

[YuriY]

encodeURI, decodeURI を使用したのは

どこかのWEBサイトから丸々コピーしてそのまま使っていたからでした。

href属性値にスクリプトは書けない、その通りですね。
ありがとうございます。

encodeURI, decodeURI を削除して、各要素をエンコードしたら思う通りの挙動になりました。

Answer 2

url、texeの値はencodeしてあげる必要があります。
手っ取り早くencodeするには、ブラウザのコンソールを開いて、
encodeURIComponentを実行し、その結果を使ってください。

encodeURIComponent('http://...')

Comments

[YuriY]

http://twitter.com/share?url=https://XXX/?s_cd=0001&c_cd=49522&ps_id=2648886&text=テキスト

これを
http://twitter.com/share?url=エンコード&text=エンコード

したら、

テキストのみ表示されるようになり

URLは一切出なくなりました。

[退会済みユーザー]

一部、コードを読み違いしていました。
「https://XXX/?s_cd=0001&c_cd=49522&ps_id=2648886&text=テキスト」を一括でエンコードしてください。

[YuriY]

一括でエンコードすると、テキストエリアは空白になりました。

text=テキスト　は　tweeterのシェアボタン用の引数で
URLの引数ではないです。

[退会済みユーザー]

こいうことでしょうか？
http://twitter.com/share?url=https%3A%2F%2FXXX%2F%3Fs_cd%3D0001%26c_cd%3D49522%26ps_id%3D2648886&text=テキスト

[YuriY]

はい。
その通りです。
その書式でエンコードしつつ、

onclick="window.open(encodeURI(decodeURI(this.href)), 'tweetwindow', 'width=650, height=470, personalbar=0, toolbar=0, scrollbars=1, sizable=1'); return false;" target="_blank">

を

onclick="window.open(this.href 'tweetwindow', 'width=650, height=470, personalbar=0, toolbar=0, scrollbars=1, sizable=1'); return false;" target="_blank">

と、onClickのエンコード、デコードを取っ払ったことで、正常に動作しました！
ありがとうございます。