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!)

タグ: , ,

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

最新情報をお届けします

amazon

Amazonギフト券10,000円分が当たる「Prime Musicを聞いてAmazonギフト券を当てよう」キャンペーン開催中

Amazonで、「Prime Musicを聞いてAmazonギフト券を当てよう」というキャンペーンが開始されました。 1000名にAmazonギフト券10,000円分が当たります。 「Prime Mu

Amazon

12月6日限定! HUAWEI P9 / P9 liteが最大24%オフ

12月6日0時から始まったAmazonのCyber Mondayセールで、HUAWEI P9 / P9 liteとOCNモバイルONEのSIMセットが最大24%オフの特価となっています。 割引率として

Amazon Dash

ボタン一つで注文できるAmazon Dash Buttonをレビュー セットアップ方法を紹介

ボタン1つで商品を注文できるAmazon Dash Buttonを購入してみたので、セットアップ方法を紹介したいと思います。 関連:ボタン一つで注文できるAmazon Dash Buttonが日本でも

HUAWEI

HUAWEI Japanが12月13日にMate 9を国内発表?

HUAWEIが12月13日に何かの発表を行うようです。 HUAWEI JapanのTwitterアカウントがツイートしているのですが、「A STEP AHEAD」というキャッチが使われています。 発表

TONE モバイル

子供を見守る強力なTONEファミリー機能をレビュー

先日からお借りしているTONEモバイルのTONE m15ですが、今回はTONEモバイルを利用する動機にもなりえる、TONEファミリーの機能についてレビューしたいと思います。 関連:TONEモバイルのス

HUAWEI Mate 9の詳細レビュー 5.9インチだけど片手で楽に持てるサイズ感

HUAWEI Mate 9の詳細レビュー 5.9インチだけど片手で楽に持てるサイズ感

HUAWEIの最新モデル、HUAWEI Mate 9を購入したので早速レビューです。 まだ1ShopmobileやExpansys、GearBestなどのECサイトには入荷していなかったので、今回...

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

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

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

honor 8の詳細レビュー HUAWEI P9やZenfone 3と比較してみました

honor 8の詳細レビュー HUAWEI P9やZenfone 3と比較してみました

上位機種のHUAWEI P9と同等のスペックを持つhonor 8の詳細レビュー。HUAWEI P9やASUS ZenFone 3と比較しながら紹介します。...

Amazonの日本版Cyber Mondayセールは12月6日0時から開催

Amazonの日本版Cyber Mondayセールは12月6日0時から開催

世界的にはCyber Mondayは先週でしたが、日本では12月第2週がCyber Monday。 ということで、12月6日0時からAmazonでCyber Mondayセールが始まります。 A...

楽天モバイル、12月5日、7日にも半額タイムセールを開催

楽天モバイル、12月5日、7日にも半額タイムセールを開催

12月3日から楽天スーパーSALEが開催されており、楽天モバイルでもZenFone 3 Ultraが半額などのセールが行われていました。 ZenFone 3 Ultraは1,000台が3分ほどで完...

MENU

back to top