Facebookが文章を簡単にシェアできる機能を提供開始

2016.4.13
quote_041316_022209_PM

Facebookの年次開発者会議「F8」でブログなどのサイトに追加できる「引用シェア(Quote Share)」の機能を発表しました。「Quote Plugin」として提供が開始されています。

文章や言葉を引用してのシェアを簡単に

ブログなどを見ていて何か印象的な言葉をシェアしたいなぁっと思った時、従来であれば自分でコピペする必要がありましたが、この機能を使うとテキストを選択するとポップアップメニューが現れ、そこから簡単に投稿ができるようになります。

このブログでも実装してあるので試せますが、動作の様子は下記のような感じです。ちなみに、モバイルでは動作しません。

テキストを選択するとポップアップが出てきます

テキストを選択するとポップアップが出てきます

シェアの画面では自分のコメントとは別に引用した文章が表示されます。

シェアの画面では自分のコメントとは別に引用した文章が表示されます。

タイムライン上でも自分のコメントとは区別して表示されます。

タイムライン上でも自分のコメントとは区別して表示されます。

こういうのってモバイルでも手軽にできるようになるといいのだけど、これから対応するのかな?

Mediumでは実装済みの機能

この選択した箇所をシェアするという機能、最近話題になっているMediumでは実装済みです。

スクリーンショット_041316_014720_PM

もとがTwitterから派生したというだけあって、シェアできるのはTwitterだけですが、選択してハイライトさせた個所にコメントを書けたりと機能は豊富です。facebookもこの方向に進むのかな?

WordPressでの実装方法

WordPressにこの機能を追加するのは簡単です。前提としてOpen Graphが設定してある必要がありますが、これは最近は大抵のサイトで設定済みだと思うので問題ないでしょう。

スクリプトを追加

下記のスクリプトを<body>直後、あるいは</body>直前に追加します。


<div id="fb-root"></div>
  <script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>

すでに「いいね」ボタンなどを使っていて、facebookのスクリプトを設定済みの場合は、そのスクリプトに

&version=v2.6";

だけ追加すれば大丈夫なはずです。

あとは、</body>直前に下記のタグを追加します。

 <div class="fb-quote"></div>

これだけで設定は完了です。

同様の機能を追加するWordpress プラグインもある

Facebook純正のものはもちろんFacebookにしかシェアできませんが、同様の機能でFacebookだけでなくTwitterやGoogle+などにもシェアできるようにしたWordpressプラグインも存在します。ただ、私が試した範囲ではFacebookへちゃんとシェアできるものが見つけられませんでした。Twitterへはどれもうまくゆくんですけどね。

せっかくなので、幾つかのプラグインのリンクだけ貼っておきます。

Quoty

Selection Sharer by Hans van Gent

Inbound Rocket by Inbound Rocket

How to Add Medium-Like Select and Tweet to WordPress (Plus Free Plugin!)

タグ: , ,

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

ついつい時間を忘れてしまいそう。手持無沙汰を解消するHand Spinnerを購入。

以前から気になっていたHand Spinnerを購入してみました。 今回は珍しくGeekBuyingで購入したのですが、あとから調べたら日本のAmazonでも売っていました。もっとも日本だと2000円

米Amazon、Prime Exclusive Phonesにmoto G5 PlusとAlcatel A30を追加、広告表示の代わりに価格を割引

米Amazonがプライム会員向けにSIMフリー端末を販売するPrime Exclusive PhonesにMoto G5 PlusとAclatel A30を追加しました。現在Prime Exclusi

BIGLOBE SIMのエンタメフリーオプションに音楽ストリーミングサービスAWAが追加

MVNO(格安SIM)のBIGLOBEが提供するエンタメフリーオプションに、音楽ストリーミングサービスAWAが追加されました。 AWA – 音楽ストリーミングサービス BIGLOBEが提供

Red以外も欲しい? iPhoneを好きなカラーに塗装できる「あいりぺColor」が間もなくサービス開始

iPhone 7/7 Plusの(PRODUCT)REDが発売になり、話題になっていますが、もっと他の色も欲しいと思っている人もいるかもしれません。そんな人の要望を叶えてくれる、iPhoneのペイント

Xiaomiの三脚にもなる自撮り棒を購入 三脚としてもそれなりに使えそう

以前に紹介したXiaomiの自撮り棒をGearBestで購入してみました。 関連:Xiaomiの三脚にもなる自撮り棒がGearBestで販売中 – Dream Seed 自撮り棒自体は割と普通。プラス

スマホの画面をテレビに出力できるMiracast(ミラキャスト)の使い方

スマホの画面をテレビに出力できるMiracast(ミラキャスト)の使い方

名前だけは聞いたことはあるものの、使っている、活用しているという話をあまり聞かないMiracast(ミラキャスト)、どんなものかと思って実際に使ってみました。 ...

Red以外も欲しい? iPhoneを好きなカラーに塗装できる「あいりぺColor」が間もなくサービス開始

Red以外も欲しい? iPhoneを好きなカラーに塗装できる「あいりぺColor」が間もなくサービス開始

iPhone 7/7 Plusの(PRODUCT)REDが発売になり、話題になっていますが、もっと他の色も欲しいと思っている人もいるかもしれません。そんな人の要望を叶えてくれる、iPhoneのペイ...

HUAWEI nova liteのコスパは異常 同価格帯の端末では競合がいない

HUAWEI nova liteのコスパは異常 同価格帯の端末では競合がいない

HUAWEIが若者向けのシリーズとしてあらたに投入したのnova、その下位モデルという位置づけのnova liteを購入してみました。 nova liteは公式ショップや量販店では販売しておらず、...

ついつい時間を忘れてしまいそう。手持無沙汰を解消するHand Spinnerを購入。

ついつい時間を忘れてしまいそう。手持無沙汰を解消するHand Spinnerを購入。

以前から気になっていたHand Spinnerを購入してみました。 今回は珍しくGeekBuyingで購入したのですが、あとから調べたら日本のAmazonでも売っていました。もっとも日本だと20...

HUAWEI nova liteの安いけどおススメのケース ケースで迷ってたらとりあえず買って損はしない

HUAWEI nova liteの安いけどおススメのケース ケースで迷ってたらとりあえず買って損はしない

現在一押しのミドルクラス端末、HUAWEI nova liteのケースを購入してみました。 買ったのは、NILLKINというブランドのケース。 ...

MENU

back to top