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

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

*

Facebookで「シェア」ができるブックマークレット

   

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

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

「いいね!」と「シェア」の違いを調べようと思っています。
使うのは当ブログ。
当ブログですが「いいね!」ボタンは付いているのでそれをクリックすれば確認できます。
ただし、「シェア」はボタンをつけていないのでシェアの動作確認をどうしようか悩んでいました。

そこで見つけたのがFacebookでシェアができるブックマークレットです。

□ ブックマークレットを共有する

本

スポンサーリンク
 

ブックマークレットというのは何かというというと、Javascriptの書かれたブックマーク(お気に入り)のこと。
ブックマークを選ぶとそれがJavascriptなので何かプログラムを動かしてくれるわけです。
それがFacebookのシェアだったり、ツイッターのリツイートだったりというとても便利な機能です。

ブロガーであれば今読んでいる記事を引用しつつブログの記事を立てるブックマークレットなんかが身近かもしれませんね。
(WordPressで言う「Press This」の機能)

さっそくFacebookの「シェア」ブックマークレットを取り入れていました。
ブックマークレットを取り入れるのは非常に簡単です。

シェアのブックマークレット

上記サイトにある「share on facebook」というアイコンをドラッグアンドドロップでブックマークバーに移動させるだけ。
ブックマークバーに「Facebookでシェア」というのができていれば成功です。
シェアのブックマークレット02

さっそく記事をシェアしてみましょう。

  1. シェアしたい記事上で「Facebookでシェア」のブックマークレットをクリック。
    ちなみに今回は記事ではなくブログトップページでやってみました。
    ブックマークレットでシェア01
  2. こんな画面が開きます。一言加えて「リンクをシェア」をクリック。
    ブックマークレットでシェア02
  3. 成功!
    ブックマークレットでシェア03

もちろん、いいね!ができるブックマークレットもありますね。
過去に記事にしていますのでこちらを参考に。

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

 - ユーザビリティ, 覚え書き , , ,

アドセンス広告メイン

Message

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

  関連記事

LinkShare(リンクシェア)がグラフィックとの提携を辞めてしまったのでグラフィックアフィリエイトプログラムに登録してみた

1年以上前の記事です。内容が古い可能性があります。またまたリンクシェアとの提携を …

no image
Googleにインデックスさせないリンクの入れ方

1年以上前の記事です。内容が古い可能性があります。Googleなんでさほど問題は …

Photoshop CC(2014)で「◯◯ツールを使用できません。プログラムエラーです。」が出た時の対処法

1年以上前の記事です。内容が古い可能性があります。知り合いのデザイナーさんのパソ …

カスタムフィールドとカスタム投稿で記事投稿フォームを使いやすく 3 – テンプレート編集の巻 【ワードプレス】 #wp

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

no image
こんなツールしってますか?

1年以上前の記事です。内容が古い可能性があります。デスクトップアイコンからも開け …

ウインドウズでのプリンタ設定まとめ

1年以上前の記事です。内容が古い可能性があります。とりあえず最近のマシンでTCP …

no image
メールだけの問い合わせは不親切

1年以上前の記事です。内容が古い可能性があります。あけましておめでとうございます …

湘南新宿ライン(赤羽⇔池袋間)は埼京線と並行して走っていない。山手線と並行して走ってた

1年以上前の記事です。内容が古い可能性があります。最近ダイヤ改正して上野東京ライ …

エゴサーチとは何のこと

1年以上前の記事です。内容が古い可能性があります。エゴサーチという言葉をたまに耳 …

カーナビの地図更新サービスの無料期間が終わりそうなので地図データをアップデートしてみた(CD作成編)

1年以上前の記事です。内容が古い可能性があります。1. ID取得編 | …

血液型オヤジ