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

おすすめの記事

GMO VPSを契約してWordPressを安定動作させるまでのサーバ設定方法

GMO VPSを契約してWordPressを安定動作させるまでのサーバ設定…

W3 Total Cacheの設定を通して学ぶ、WordPressを高速化するキャッシュの仕組み

W3 Total Cacheの設定を通して学ぶ、WordPressを高速化するキャ…

Googlebotを手懐ける!robots.txtの書き方とrobots.txtテスターの使い方

Googlebotを手懐ける!robots.txtの書き方とrobots.txtテスター…

初めてでも理解できるようになる「Google Chrome機能拡張の開発」

初めてでも理解できるようになる「Google Chrome機能拡張の開発」

Question2AnswerへreCAPTCHAを導入する方法

Question2AnswerへreCAPTCHAを導入する方法

ads.txtの設置方法を通して学ぶインターネット広告の問題点

ads.txtの設置方法を通して学ぶインターネット広告の問題点

DELL Inspiron 3250のHDDをSSDへ換装して、メモリを16GBへ増設

DELL Inspiron 3250のHDDをSSDへ換装して、メモリを16GBへ増設

Google Adsenseで配信される詐欺的なサイトのブロック用URLまとめ

Google Adsenseで配信される詐欺的なサイトのブロック用URLまとめ


コメントを残す

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

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