公式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プラグインの作成方法

本気で作りたい人向け、WordPressプラグインの作成方法

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

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

サーバの処理を自動実行するcronの仕組みと応用法

サーバの処理を自動実行するcronの仕組みと応用法

知らなきゃ損!WordPressの表(テーブル)はExcelで作ろう!

知らなきゃ損!WordPressの表(テーブル)はExcelで作ろう!

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

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

WordPressのサイトをHTTPS化して学ぶLet’s Encryptの使い方

WordPressのサイトをHTTPS化して学ぶLet’s Encryptの使い方

DNS Amp攻撃の解説と、踏み台にされないためのBIND DNSの設定

DNS Amp攻撃の解説と、踏み台にされないためのBIND DNSの設定

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

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


コメントを残す

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

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