公式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で決…

インストールだけじゃない!yumの設定から便利な使い方まで徹底的に解説

インストールだけじゃない!yumの設定から便利な使い方まで徹底…

WordPressの最速キャッシュを探せ!APC、memcached、Transients APIを比較

WordPressの最速キャッシュを探せ!APC、memcached、Transients…

fluentdとNorikraでDoS攻撃を遮断し、メールで通知する方法

fluentdとNorikraでDoS攻撃を遮断し、メールで通知する方法

WordPress公式テーマTwenty Tenを子テーマでレスポンシブWebデザインに変更

WordPress公式テーマTwenty Tenを子テーマでレスポンシブWebデ…

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

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

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

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

サーバリソースをリアルタイムに監視するdstatのインストールと使い方

サーバリソースをリアルタイムに監視するdstatのインストールと…


コメントを残す

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

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