公式TweetボタンでURLが化ける


投稿日:2011年10月11日
  • 0
  • 0



文字化けしてるのかURLがうまく取得できない。

普通にUTF-8のはずなんだけど…。どうやらTwitterがここ最近短縮URLを通常のURLで表示する設定に変えたようなので、その絡みかもしれない。
憶測を書き連ねてもしょうがないので試行錯誤の結果。

<script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
<script type="text/javascript">
var url = document.URL;
document.write('<a href="http://twitter.com/share?text=' + encodeURIComponent(document.title) + '&amp;url=' + encodeURIComponent(url) + '" class="twitter-share-button">');

上記のように記述すると正常にURLがエンコードされる。

ツイートボタンはIEで表示がされず「charset=”utf-8”」を追加しないとボタンが消える不具合なども確認されている。
Facebookで用意される完成されたコメント欄に比べると、ボタンひとつの動作ですら安定しないTwitterは水をあけられていると言える。
さすがFacebookは世界で支持されるだけある。と、つぶやいてみる。


現在のページを共有する



現在のページに関連する記事

「つぶやき」に「via」を付けよう 「つぶやき」に「via」を付けよう
公式TweetボタンでURLが化ける 「最新版」WordPressに各種ソーシャルメディアボタンを追加する方法
公式TweetボタンでURLが化ける wordpressに新ツイートボタンを設置
公式TweetボタンでURLが化ける WordPressのショートコードを利用してSNSのVertical Balloonを設置する方法
facebookのCommentをPukiWikiに追加 facebookのCommentをPukiWikiに追加
公式TweetボタンでURLが化ける もう覚えなくても大丈夫!?WordPressの条件分岐タグの使い方まとめ
WordPressにGoogle+、Facebook、Twitterボタンを追加 WordPressにGoogle+、Facebook、Twitterボタンを追加

おすすめの記事

WordPressで手軽にAdblock対策するならBetter Stop AdBlockで決まり!

WordPressで手軽にAdblock対策するならBetter Stop AdBlockで決…

パソコン用メガネなんていらない!無料でできる5つの疲れ目対策

パソコン用メガネなんていらない!無料でできる5つの疲れ目対策

Windows 10でネットワークが不安定になった際の対策まとめ

Windows 10でネットワークが不安定になった際の対策まとめ

Question2AnswerへreCAPTCHAを導入する方法

Question2AnswerへreCAPTCHAを導入する方法

Mac OS 9時代のIDE接続のHDDをMacDrive 10を利用してWindows 10で読み込む方法

Mac OS 9時代のIDE接続のHDDをMacDrive 10を利用してWindows 10…

ページ編集の手間を劇的に減らす、Custom Field Templateでカスタムフィールドを作る方法

ページ編集の手間を劇的に減らす、Custom Field Templateでカス…

最新のXAMPPをインストールし、安全・高速に運用する方法

最新のXAMPPをインストールし、安全・高速に運用する方法

lazysizesの使い方を通して学ぶ、画像の遅延読み込みとレスポンシブイメージの基本

lazysizesの使い方を通して学ぶ、画像の遅延読み込みとレスポン…


コメントを残す

コメントは認証制のため、すぐには反映されません。

プログラミングに関する質問は「日本語でプログラミングの悩みを解決するQ&Aサイト sukegra」をご利用ください。