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

タグ: , ,

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

最新情報をお届けします

LINEモバイルにLINE MUSICもカウントフリーになる「MUSIC+プラン」が誕生

LINEモバイルに新プランとなる「MUSIC+プラン」が誕生しました。 LINE MUSICがカウントフリーになるMUSIC+ LINEモバイルではLINEアプリがカウントフリー、つまりデータ量を消費

Windows Helloに対応したセキュリティ認証デバイス「Yubikey」の使い勝手を試してみた

2016年9月にWindows Helloに対応したこともあり、昨年末あたりから海外サイトで何かと話題を目にするようになったYubikeyを購入してみました。 認証デバイス Yubikey Yubik

Biglobe、海外版のiPhoen SE販売開始 シャッター音が鳴るか鳴らないかは運次第?

Biglobeが海外版iPhone SEの販売を開始しています。 16GBモデルでカラーはゴールドのみとなっています。 BiglobeのiPhone SE 価格 価格はアシストパックLで下記の通り。

BIGLOBE、2月1日から事務手数料に「SIMカード準備料 394円」を追加

Biglobeが2月1日申し込み分から、SIMカード準備料として394円(税別)が新たに発生すると発表しました。 【お知らせ】「BIGLOBE LTE・3G」SIMカード発行時の「SIMカード準備料」

マクドナルドのFree WiFi(00_MCD-FREE_WIFI)でNetflixの無料動画を視聴してみた

2016年の10月からNetflixと提携し、一部店舗で試験的にNetflixのコンテンツが視聴できるようになっていたマクドナルドのFree WiFiですが、実は11月からはFree WiFiが導入さ

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

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

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

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

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

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

マクドナルドのFree WiFi(00_MCD-FREE_WIFI)でNetflixの無料動画を視聴してみた

マクドナルドのFree WiFi(00_MCD-FREE_WIFI)でNetflixの無料動画を視聴してみた

2016年の10月からNetflixと提携し、一部店舗で試験的にNetflixのコンテンツが視聴できるようになっていたマクドナルドのFree WiFiですが、実は11月からはFree WiFiが導...

Biglobe、海外版のiPhoen SE販売開始 シャッター音が鳴るか鳴らないかは運次第?

Biglobe、海外版のiPhoen SE販売開始 シャッター音が鳴るか鳴らないかは運次第?

Biglobeが海外版iPhone SEの販売を開始しています。 16GBモデルでカラーはゴールドのみとなっています。 BiglobeのiPhone SE 価格 価格はアシストパックLで下記...

世界最小級の紛失防止タグ「MAMORIO」 ユーザー数が増えると紛失時の発見率も上がる「クラウドトラッキング機能」を搭載

世界最小級の紛失防止タグ「MAMORIO」 ユーザー数が増えると紛失時の発見率も上がる「クラウドトラッキング機能」を搭載

日本でも提供が開始されたスターアップの製品を扱うAmazon Launchpad。 関連:Amazon、スマートアップの製品のみを扱う特設ストア「Amazon Launchpad」を日本でも開始...

MENU

back to top