新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

「いいね」ボタンがなくても「いいね」ができるブックマークレット【Facebook】

      2014/11/09

  • このエントリーをはてなブックマークに追加

1年以上前の記事です。内容が古い可能性があります。

Facebook(フェイスブック)がいよいよ盛り上がり始めています。
当ブログへの集客もFacebook経由のものが増えてきました

ところで、Facebookのいいところ数あれど、やはり一番の発明は「いいね」だと思うわけです。
今でこそ、mixiやGREEなども取り入れていますが、Facebookの場合はその波及力が違います。
ただ、残念なことにこれはいい!という情報やサイトを見かけても「いいね」ボタンがなくて「いいね」ができないこともあるんですよね。
今回紹介するのは「いいね」ボタンの設置されていないサイトでも「いいね」ができてしまうブックマークレットです。

□ Facebookの「いいね」ボタンがなくても、勝手に「いいね」するブックマークレット – DISってHONEY♪

なるほど~♪いいね~!

スポンサーリンク
 

要するにこちらにあるブックマークレットを使えばいいのですが、メインとなっているJS(JavaScript)ファイルがなくなった時のために、念のため、自分のところに置いておく方法も解説しておきます。

上記サイトにあるブックマークレットを見てみると、以下のようになっています。

<a href=”javascript:(function(){var s=document.createElement(‘script’);s.charset=’UTF-8′;s.src=’http://dl.dropbox.com/u/1047086/js/like.js’;document.body.appendChild(s)})();”>Facebook Like</a>

つまり、「http://dl.dropbox.com/u/1047086/js/like.js」がメインのJSファイルになっていて、それを呼び出すことで「いいね」ボタンを出現させているようです。

従って、「http://dl.dropbox.com/u/1047086/js/like.js」をダウンロードして自分のサーバーにアップし、ブックマークレット表記の「http://dl.dropbox.com/u/1047086/js/like.js」のところをアップした自分のサーバーに書き換えてあげればいいわけです。

ただし、これはしてはいけません。
プログラムソースには著作権が存在するからです。
つまり、テレビで録画した映像をYouTubeに流すのと同じこと。
明確にオープンソースだと書かれていないものに関しては厳密にいうとコピーして自分のサーバーに置いてはいけないんですよね。

従って、今回はリンク先の紹介のみにしておきます。
□ 勝手に「いいね」するブックマークレット [Google App Engineでいろいろやってみた。]
こちらの下部「Facebook Like」をドラッグ&ドロップでリンクに追加すればOKです。

 - Facebook(フェイスブック), プログラミング, ユーザビリティ ,

アドセンス広告メイン

Message

メールアドレスが公開されることはありません。

  関連記事

食べログでは1つの記事から2つ以上のお店にトラックバックが送れた

1年以上前の記事です。内容が古い可能性があります。先日、「思い出しレビューその4 …

mixiボイスがツイッター(twitter)連携開始。同時に「つぶやき」の非表示機能も搭載

1年以上前の記事です。内容が古い可能性があります。今まで、「Twitter2mi …

ライブドアブログ(livedoor Blog)で古い記事を簡単にツイッター、Facebookに通知する方法

1年以上前の記事です。内容が古い可能性があります。実はこれ、たまたま気づいたこと …

これは凄い。今後、電子書籍は全部こうなると「いいね!」

1年以上前の記事です。内容が古い可能性があります。電子書籍数あれど、ここまで本に …

このサイトはコンピュータに損害を与える可能性があります

1年以上前の記事です。内容が古い可能性があります。Googleでは、検索結果に「 …

「wonderfl」と「FlashDevelop」(ActionScript3.0勉強中! #5)

1年以上前の記事です。内容が古い可能性があります。最後に「プロからやさしく学ぶA …

TweetDeck(twitterクライアント)を使ってみた

1年以上前の記事です。内容が古い可能性があります。やっていない人にとっては少々食 …

no image
ライブドアブログ新「記事を書く」βver.の特徴

1年以上前の記事です。内容が古い可能性があります。ライブドアブログの「記事を書く …

「mixiアプリ」満を持して登場!!

1年以上前の記事です。内容が古い可能性があります。本日、mixiにいってみると「 …

no image
twitter2mixivoice「tw2mv」がバージョンアップしていた

1年以上前の記事です。内容が古い可能性があります。今までtwitter→mixi …

血液型オヤジ