公式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ボタンを追加

おすすめの記事

UWSCでPhotoshopの作業を自動化する方法

UWSCでPhotoshopの作業を自動化する方法

Web Fontの使い方とGoogle Fontsのオススメフォント 10選

Web Fontの使い方とGoogle Fontsのオススメフォント 10選

初心者でも安全なLAMP環境を構築する方法を解説

初心者でも安全なLAMP環境を構築する方法を解説

UWSCでEXCELの作業を自動化する方法

UWSCでEXCELの作業を自動化する方法

ClamAVとClamSMTPを利用してPostfixのメールをウイルスチェック

ClamAVとClamSMTPを利用してPostfixのメールをウイルスチェック

シンプルなスパムコメント対策プラグイン「Simple AntiSpam」を作成しました

シンプルなスパムコメント対策プラグイン「Simple AntiSpam」を…

日々の単純作業を自動化できるUWSCの使い方(入門・書式編)

日々の単純作業を自動化できるUWSCの使い方(入門・書式編)

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

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


コメントを残す

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

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