Facebook

2011年12月1日
FacebookのPCからの投稿時の位置情報削除方法

FacebookでPCから投稿しても、勝手に「— 福岡県福津市にいます。」みたいな位置情報が最近追加されるようになったみたいです。
自分で設定した記憶はないし、不要だから外そうと思いましたが、設定を見てもよくわらかず。
でも気持ち悪いからどうしても外したいと思っていろいろ見ていたところ、非常にわかりずらいところにあったので記録しておきます。

見つかってしまえば簡単なんですが、設定する場所は投稿欄の左下。

PCなのに位置情報を取得できる技術を使った最新のサイトだけど、勝手に位置情報まで表示されてもプライバシーやセキュリティの問題につながるので許可くらい出してほしいですね。

2011年9月16日
facebookの「いいね！」を押すと投稿内容が文字化けする

あるサイトの修正依頼がありました。
facebookのシェアボタンを押すとリンクの内容が文字化けするということでした。
ソースをみていたら原因がわかったので修正して確認したところ、問題なさそうだったのでこれで終わり・・・と思ったらまた文字化けが。
調べていくと、シェアもいいねでも文字化けすることまで判明。
最初はシェアの問題かと思ったけど、いいねでも同様の現象が発生することも確認。
さらに調べると、ページタイトルをちょっと変えても反映されないので、facebookの方でキャッシュしているところまで判明。
そこで調べると、以下のようなデバッグツールがあり、ここにURLをキャッシュを再生成するということでした。
http://developers.facebook.com/tools/debug

URLを入力してページ内容が表示され、その後facebookのシェアボタン、いいねボタンからリンク情報をみるとようやく文字化け解消。

ある環境でしか発生しない現象は本当にややこしい。
ちなみに環境はWordpress・WP Social Bookmarklet Lightという環境でした。

Tags:
Posted in 技術 | Comments Closed

2011年3月9日
WordPressにはてなブックマーク・twitter・Facebookの各ボタンをプラグインを使わないで追加してみた

まず大変参考にさせて頂いたページの紹介。

[参考URL]
公式の『mixiチェックボタン』『mixiイイネ!ボタン』『Twitter ツイートするボタン』『Facebook いいね!ボタン』『GREE いいね!ボタン』『はてなブックマークボタン』などをひとまとめに設置する方法。まとめ
http://yaburekabure.com/computer/button.html

[今回やったこと]
以下のボタンをWordpress上に設置(プラグインを使わないで)

  1. はてなのはてなブックマークボタン設置
  2. twitterのツイートするボタン設置
  3. Facebookのいいねボタン設置

前提条件：

  • はてなへの会員登録は不要

手順：

(1)以下のURLを開いてコードを取得してください。
使いやすくなりました! はてなブックマークボタン
http://b.hatena.ne.jp/guide/bbutton

このとき、「1.ページ情報を入力してください」のURL、タイトルはわかりやすい適当な文字列(例えばURLはaaaa、タイトルはbbbbなど)を設定します。
そして「2.タイプを選択してください」のタイプを選択し、生成されたコードをコピーします。

<a href=”http://b.hatena.ne.jp/entry/aaaa” data-hatena-bookmark-title=”bbbb” data-hatena-bookmark-layout=”standard” title=”このエントリーをはてなブックマークに追加”><img src=”http://b.st-hatena.com/images/entry-button/button-only.gif” alt=”このエントリーをはてなブックマークに追加” width=”20″ height=”20″ style=”border: none;” /></a><script type=”text/javascript” src=”http://b.st-hatena.com/js/bookmark_button.js” charset=”utf-8″ async=”async”></script>

(2)先ほどのURL(ここではaaaa)とタイトル(ここではbbbb)のところをそれぞれパーマリンクタグ・タイトルタグに変換してWordpressの設置したい場所に貼り付けます。

<a href=”http://b.hatena.ne.jp/entry/<?php the_permalink() ?>” data-hatena-bookmark-title=”<?php the_title(); ?>” data-hatena-bookmark-layout=”standard” title=”このエントリーをはてなブックマークに追加”><img src=”http://b.st-hatena.com/images/entry-button/button-only.gif” alt=”このエントリーをはてなブックマークに追加” width=”20″ height=”20″ style=”border: none;” /></a><script type=”text/javascript” src=”http://b.st-hatena.com/js/bookmark_button.js” charset=”utf-8″ async=”async”></script>

(3)設置したページに表示されていること、およびクリックして正常に動作することを確認して完了です。

2.twitterのツイートするボタン設置

前提条件：

  • twitterへの会員登録は不要

手順：

(1)以下のURLを開いてコードを取得してください。
ツイートボタン
http://twitter.com/goodies/tweetbutton

このとき、「1.ボタンを選択してください。カスタマイズすることもできます。」のツイート内テキストタブを選択後、タイトルを適当な文字列(例えばbbbb)と入力してください。
次にURLタブを選択し、同じようにURLを適当な文字列(例えばaaaa)と入力してください。
そして生成されたコードをコピーします。

<a href=”http://twitter.com/share” data-url=”aaaa” data-text=”bbbb” data-count=”vertical” data-lang=”ja”>Tweet</a><script type=”text/javascript” src=”http://platform.twitter.com/widgets.js”></script>

(2)先ほどのURL(ここではaaaa)とタイトル(ここではbbbb)のところをそれぞれパーマリンクタグ・タイトルタグに変換してWordpressの設置したい場所に貼り付けます。

<a href=”http://twitter.com/share” data-url=”<?php the_permalink() ?>” data-text=”<?php the_title(); ?>” data-count=”vertical” data-lang=”ja”>Tweet</a><script type=”text/javascript” src=”http://platform.twitter.com/widgets.js”></script>

(3)設置したページに表示されていること、およびクリックして正常に動作することを確認して完了です。

3.Facebookのいいねボタン設置

前提条件：

  • Facebookへの会員登録は不要

手順：

(1)以下のURLを開いてコードを取得してください。
Social Plugins
http://developers.facebook.com/plugins
↓
Like Button
http://developers.facebook.com/docs/reference/plugins/like/

このとき、URL to Likeは適当な文字列(例えばaaaa)と入力してください。
その他設定は用途に合わせて設定してください。
そして生成されたコードをコピーします。
コードはiframeとXFBMLの2つが生成されますが、ここではXFBMLを例として使用します。

<script src=”http://connect.facebook.net/en_US/all.js#xfbml=1″></script><fb:like href=”aaaa” layout=”button_count” show_faces=”false” width=”200″ font=””></fb:like>

(2)先ほどのURL(ここではaaaa)とタイトル(ここではbbbb)のところをそれぞれパーマリンクタグ・タイトルタグに変換してWordpressの設置したい場所に貼り付けます。

<script src=”http://connect.facebook.net/en_US/all.js#xfbml=1″></script><fb:like href=”<?php the_permalink() ?>” layout=”button_count” show_faces=”false” width=”200″ font=””></fb:like>

(3)設置したページに表示されていること、およびクリックして正常に動作することを確認して完了です。
ただし、このままだと、「いいね」ではなく、「Like」と表示されてしまいます。
「いいね」に変更したい場合は青字のen_USをja_JPに変更してください。

mixiイイネはうまくいかなかったので保留。
あとプラグインを使用した各ボタンの設定は別途実験してみます。
今回はなかなか勉強になりました。